Skip to main content

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 */
}