/* See ./product-hero-image.md for design notes and rationale. */

.product-hero-image-wrapper {
  margin-block-start: 0;
}

.product-hero-image {
  display: block;
  width: 100%;
}

.product-hero-image__media {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: var(--ll-radius-md);
}

.product-hero-image__media picture {
  display: block;
  width: 100%;
}

.product-hero-image__img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.product-hero-image > .product-hero-image__media {
  display: block;
}