@import "@ecomplus/storefront-components/src/scss/TheProduct";

.product {
  &__picture {
    text-align: center;
    display: block;

    picture {
      display: block;
      padding-top: var(--aspect-ratio-pc);

      &.picture {
        position: relative;
        opacity: 1;

        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
        }
      }
    }

    img {
      max-width: 100%;
      height: auto;
      width: 100%;
    }
  }
  &__stamps {
    position: absolute;
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    flex-direction: column;
    z-index: 10;
    img {
      max-width: 70px;
    }
  }
}

@media (min-width: 992px) {
  #product-gallery > .product__picture {
    margin-left: 110px;
  }
}