@media (max-width: 1023px) {
  .hero-banner {
    padding: 25px 5%;
    min-height: 600px !important;
  }
  .welcome-grid {
    > .wp-block-cover {
      min-height: 450px !important;
    }
  }
  .gallery-cover {
    min-height: unset !important;
    aspect-ratio: 16 / 9 !important;
  }
}
@media (max-width: 767px) {
  .hero-banner {
    min-height: 500px !important;
  }
  .welcome-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 25px;
    > * {
      padding: 0 !important;
      margin: 0 !important;
    }
    > *:nth-child(3) {
      order: 4;
    }
    > *:nth-child(4) {
      order: 3;
    }
    > .wp-block-cover,
    > .wp-block-image {
      min-height: unset !important;
      aspect-ratio: 1 !important;
    }
  }
}