@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 {
  height: 0;
  position: relative;
  padding-bottom: 90.9090909091%;
}
section.hero .img-wrapper > * {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}