.use-layout-solo {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}

.use-layout-solo .body-copy {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 720px) {
  .hero-media {
    height: auto;
    aspect-ratio: 4 / 5;
  }

  .hero-media img {
    object-position: center top;
  }

  .product-main {
    order: initial;
  }
}