@media (max-width: 768px) {
    .blur-on-mobile {
        filter: blur(2px) brightness(7.5); /* Adjust blur and brightness */
    }
    .blur-overlay {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent white overlay */
        pointer-events: none;
    }
}