<script>
const protectedImg = document.querySelectorAll('.mainImage, .gslide-media gslide-image img, .splide__list img');
for (let i = 0; i < protectedImg.length; i++) {
protectedImg[i].addEventListener("contextmenu", (e) => {e.preventDefault()});
}
</script>
<style>
/** WATERMARKS **/
ul#main-carousel-list li,
.gslide-media.gslide-image {
position: relative;
}
.gslide-media.gslide-image:before,
ul#main-carousel-list li:before {
content: 'WATERMARK'; // Enter Text here
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: black;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0.4;
pointer-events: none;
}
ul#main-carousel-list li:before {
font-size: 5rem;
}
.gslide-media.gslide-image:before {
font-size: 10rem;
}
.gslide-media.gslide-image img {
pointer-events: none !important;
}
</style>