.cas-slider-image-block {
    width: 100%;
    height: 100%;    
}
.cas-slider-image-block img {
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

.cas-slider-image-block .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Allows clicks to pass through the overlay */
}
.cas-slider-image-block .overlay-red-50 {
    background-color: rgba(255, 0, 0, 0.5); 
    clip-path: polygon(0 0, 60% 0, 40% 100%, 0 100%);
}

.cas-slider-image-block .overlay-black-50 {
    background-color: rgba(0, 0, 0, 0.5); 
    clip-path: polygon(60% 0, 100% 0, 100% 100%, 40% 100%);
}