body {
    position: relative;
    min-height: 100vh;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background: url('../images/clinic background FMOTN-min.jpg') center center/cover no-repeat;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: rgba(40, 80, 160, 0.4); 
    pointer-events: none;
    backdrop-filter: blur(8px);
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .card.col-lg-5,
  .card.col-lg-6 {
    flex: 0 0 70% !important;  /* use more width */
    max-width: 70% !important;
  }
}