@media print, screen and (min-width: 48em) {
  /* .hide-for-medium {
    display: none !important; }  */

  .content {
    position: relative;
  }

  .hero figure {
    position: absolute;
    left: 0;
    top: 0;
    img {
      object-fit: contain;
    }
  }
}

@media screen and (max-width: 47.9375em) {
  /* .show-for-medium {
    display: none !important; }  */

}





/* @media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; }



}

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; }



} */