Overlay all teaser images
.poc-instance.has-image .image {
position: relative; /* Ensure that the container for the image is relative to position the overlay properly */
z-index: 0; /* Layer below the overlay */
}.poc-instance.has-image .image img {
width: 100%; /* Ensures the image fills the container */
height: auto; /* Maintain aspect ratio */
display: block;
}/* Add overlay on the image */
.poc-instance.has-image .image:after {
content: "";
background-image: url('https://streamline.imgix.net/a4b37d1f-9ca0-44c6-b3ab-3fcceff742e3/ededb77b-d0ba-4dad-a930-cab08c1812de/transparent-plastic-texture-isolated-background_1409-3622.avif?ixlib=rb-1.1.0&w=2000&h=2000&fit=max&or=0&s=c1affc4e6d4c1ee258ae0488e2b4b78a');
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.8; /* Adjust for transparency */
pointer-events: none; /* Overlay doesn't block clicks */
z-index: 2; /* Ensure overlay is above the image */
}