body { overflow-x: hidden; }
.hero > * { min-width: 0; }
.product-shot { width: 100%; max-width: 100%; }

@media (max-width: 600px) {
  .hero-copy, .product-shot { min-width: 0; max-width: 100%; }
  .hero h1 { overflow-wrap: anywhere; }
  .product-shot img { width: 100%; max-width: 100%; }
}