Ücretli Ücretsiz yardım

Merhabalar arkadaşlar https://codepen.io/clarewhatever/pen/YqXNeB bunu aynı sayfada 3-4-5 daha fazla kullanmak istiyorum. Yardımcı olabilecek var mı?

html kısmını kullanmak istediginiz yerlerde tekrar kopyalayın aynı id ve class yapısına sahip oldukları için css js dosya içeriklerinin tekrarlamanıza gerek kalmadan bir kaç defa kullanmış olursunuz

CSS içerisindeki "figure" ve "divisor" selector'lerini kopyalayarak diğer görsellerin url'lerini belirtin. Sonrasında sayfada kullanacağınız her bir before-after div'i için, farklı tanımladığınız selector'leri gösterin. Örneğin figure-1, divisor-1 gibi.

arkadaşlar teşekkür ederim ancak aynı id ye sahip olduğu için JavaScript kısmında id ile aldığı için birden fazla kullandığımda sadece birtanesi çalışıyor diğerleri çalışmıyor malesef queryselectorall ile class verip hepsini bir döngü içerisine alıyorum ancak yinede olmuyor

pm atılmıştır.