.before-after-carousel .keen-arrows {margin-top: 3em;}
.before-after-carousel .product-before-after {gap: .25em; display: none;}
.before-after-carousel .product-before-after.active {display: flex;}
.before-after-carousel .product-before-after .media-wrap {position: relative;}
.before-after-carousel .product-before-after .media-wrap .caption {position: absolute; top: 0; left: 0; right: 0; padding: 0.5em; color: var(--captions-color); text-transform: uppercase;}

@media (min-width: 66.001em){
  .before-after-carousel .image-slider {padding: 0 4em;}
}