@media screen and (max-width: 63.9375em) {
  section.hero .content {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
section.hero:not(:has(img)) {
  padding-bottom: 0;
}
section.hero .img-wrapper {
  aspect-ratio: 16/14;
  -o-object-fit: contain;
     object-fit: contain;
}
section.hero .img-wrapper > * {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
section.hero .img-wrapper img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}