.hero__media-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(/cdn/shop/files/website-hero-background_2x_39116bd9-cbf6-40ce-8bc0-0456a3c248b6.webp?v=1761746989);
  mask-image: url(/cdn/shop/files/large_clipping_mask_deform.svg?v=1761823199);
  mask-size: 100% 100%;
  mask-position: center;
  mask-repeat: no-repeat;
  background-size: 100% 100%;
  img {
    position: absolute;
    right: 0;
    left: 50%;
    top: 0;
    width: 50%;
    height: 105%;
    z-index: 1;
    bottom:-64px;
    mask-size: 100% 100%;
    object-fit: contain;
    filter:
      brightness(200%);
  }
  img ~ img {
    bottom:0;
    mask-image: url(/cdn/shop/files/pill_clipping_mask.svg?v=1761746741);
    mask-repeat: round;
    mask-size: 100% 100%;
    z-index: 2;
    height: 100%;
    object-fit:cover;
    filter: none;
  }
  @media (max-width: 650px) {
    img {
      filter: brightness(100%);
      min-width: 325px;
      left: auto;
    }
    img ~ img {
      filter: brightness(50%) !important;
    }
  }
}