.under-construcntion {
  padding-top:50%;
  text-align: center;
  
}

/* keep body as the stacking container */
body {
  margin: 0;
  min-height: 100vh;
  font-family: Verdana;
  color: white;
  position: relative; /* establish stacking context */
  overflow-x: hidden;
  
  text-align: center;
  
  display: flex;
  flex-direction: column;
  align-items: center;
}

body::before {
  content: "";
  position: fixed;    /* cover viewport even while scrolling */
  inset: 0;           /* top:0; right:0; bottom:0; left:0 */
  background-image: url("assets/bg3_edit.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  /* background-color: rgba(0, 0, 0, 0.2);  adjust opacity for darkness */
  z-index: 0;
}

/* put your content above the blurred background */
.site-content {
  position: relative;
  z-index: 1;
  padding: 1rem;
}