Моя цель - применить режимы наложения и эффекты наведения к изображениям, найденным в карусели.Я управлял первой и последней частями обработки изображения, когда изображение серого цвета и фильтр удаляется при наведении, но я не достигаю режима наложения, который я намереваюсь.
Fiddle
<div id="slideshow" class="sqs-gallery-design-strip"> <div class="sqs-wrapper" style="left: -758.913px; width: 6334px;"> <div class="slide sqs-gallery-design-strip-slide"><img src="https://static1.squarespace.com/static/5cbe1087b914495dbc437322/5cbe141415fcc02d992a6f3d/5cbf6380a4222f7ffa16a645/1556558910035/sblm-landing-mixed-use-residential-icon.jpg" data-image-dimensions="700x700" data-image-focal-point="0.5,0.5" alt="Retail Studio" style="" class="" data-image-resolution="750w" src="https://static1.squarespace.com/static/5cbe1087b914495dbc437322/5cbe141415fcc02d992a6f3d/5cbf6380a4222f7ffa16a645/1556558910035/sblm-landing-mixed-use-residential-icon.jpg?format=750w"> <div class="image-description"><strong>Retail Studio</strong> </div> </div> </div> </div>
Прецедент: https://codepen.io/meowwwls/pen/zoRjdK