.product-bg-end {
  -webkit-mask-position: center 0;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-position: center 0;
  mask-repeat: no-repeat;
  mask-size: cover;
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.product-bg-end.is-visible {
  opacity: 1 !important;
}
.product-bg-end__container {
  position: relative;
  height: 100%;
  width: 100%;
}
.product-bg-end__bg-color {
  background-color: #fff;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.product-bg-end__gradient {
  background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
  height: 30vw;
  position: absolute;
  top: -10vw;
  width: 100%;
}