.billboard-container {
    position: relative;
    width: 100%;
}
.billboard-container img {
    width: 100%;
    height: auto;
    display: block;
}
.billboard-container .billboard {
    position: absolute;
    border: 2px solid transparent;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.billboard-container .billboard:hover {
    box-shadow: 0 0 6px rgba(0, 255, 255, 0.6), 
                0 0 10px rgba(0, 255, 255, 0.4);

	background: rgb(0 255 255 / 15%);
}

/* Corrected Billboard Positions */

/*Purium*/
.billboard-0 { top: 41%; left: 23%; width: 7.5%; height: 11%; }

/*Hydrologx*/
.billboard-1 { top: 56%; left: 23.5%; width: 7%; height: 7.5%; }

/*EFX*/
.billboard-2 { top: 28%; left: 33%; width: 8%; height: 18%; }

/*PRES FUN*/
.billboard-3 { top: 49%; left: 32%; width: 10%; height: 14%; }



.billboard-4 { top: 21%; left: 45%; width: 9%; height: 25%; 
transform: skewX(0deg) skewY(-3deg); }



/*VCS*/
.billboard-5 { top: 21.2%; left: 54.5%; width: 6.5%; height: 24.5%;
transform: skewX(0deg) skewY(-3deg); }
/*Wellness*/
.billboard-6 { top: 49.5%; left: 46%; width: 12.5%; height: 16%; }

.billboard-7 { top: 49.5%; left: 62.2%; width: 7.7%; height: 15.5%;
transform: skewX(0deg) skewY(-3deg); }

.billboard-8 { top: 66%; left: 62.2%; width: 7.7%; height: 4.5%;
transform: skewX(0deg) skewY(-13deg); }

.billboard-9 { top: 36%; left: 72.5%; width: 7.5%; height: 16%;
transform: skewX(0deg) skewY(2deg); }

.billboard-10 { top: 56%; left: 70.5%; width: 10%; height: 9%; 
transform: skewX(0deg) skewY(7deg); }

.billboard-11 { top: 55.5%; left: 81.5%; width: 7%; height: 9%;
transform: skewX(0deg) skewY(-14deg); }