.product-frame {
  display: block;
}

.product-frame img {
  width: 100%;
  height: auto;
}

@media (min-width: 881px) {
  .hero {
    grid-template-columns: 1fr 1.08fr;
    gap: 48px;
  }

  .hero h1 {
    font-size: clamp(2.8rem, 5vw, 3.7rem);
  }
}