@media (min-width: 1024px) {
  #hero div:has(> picture) {
    position: relative;
    min-height: 29.6875rem;
  }

  #hero picture {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
  }

  #hero picture > img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }
}