.e-grid#container_csknsawm0 > .e-flexbox {
    transition: background-image 0.3s ease, background-color 0.3s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.e-grid#container_csknsawm0 > .e-flexbox::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: inherit;
    z-index: -1;
    transition: opacity 0.3s ease;
    border-radius: inherit;
}

.e-grid#container_csknsawm0 > .e-flexbox:hover::before {
    opacity: 0.8; /* Slight overlay so text remains readable */
}

.e-grid#container_csknsawm0 > .e-flexbox:nth-child(1):hover {
    background-image: url('http://localhost/arovix-website/wp-content/uploads/2026/09/image-1789795441920.webp');
    color: #fff;
}
.e-grid#container_csknsawm0 > .e-flexbox:nth-child(2):hover {
    background-image: url('http://localhost/arovix-website/wp-content/uploads/2026/09/image-1789795441922.webp');
    color: #fff;
}
.e-grid#container_csknsawm0 > .e-flexbox:nth-child(3):hover {
    background-image: url('http://localhost/arovix-website/wp-content/uploads/2026/09/image-1789795441922-1.webp');
    color: #fff;
}

/* Ensure text changes to white on hover for readability against image */
.e-grid#container_csknsawm0 > .e-flexbox:hover * {
    color: #ffffff !important;
    fill: #ffffff !important;
}