.reveal-content-on-hover {

    @media (width > 640px) {
        .reveal-content-on-hover__source {
            transition: opacity .3s ease-out !important;
    
            &:not(.active) {
                opacity: .5;
            }
        }
    
        .fusion-image-element:has(.reveal-content-on-hover__target) {
            transition: all .3s ease-out;
            opacity: 0;
            position: absolute;
            transform: translateX(-20%);
    
            &:has(.reveal-content-on-hover__target.active) {
                opacity: 1;
                position: static;
                transform: translateX(0);
            }
        }
    }
}