@media (max-width: 991px) {
  .hero__mockup {
    aspect-ratio: auto;
    padding: 18px 18px 0;
  }

  .hero__mockup-frame {
    height: calc(100% + 48px);
    aspect-ratio: auto;
  }

  .hero__mockup-picture {
    position: relative;
    display: block;
  }

  .hero__mockup-screen {
    position: relative;
    bottom: auto;
    left: auto;
    display: block;
    width: 100%;
    height: auto;
  }
}

@media (max-width: 575px) {
  .hero__mockup {
    padding: 12px 12px 0;
  }
}