[id^="js-blur-text-"] {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(10px);
}
[id^="js-blur-text-"].is-active {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
    transition: transform .8s ease-out .6s, filter .8s ease-out .6s, opacity .8s ease-out .6s;
}

@media screen and (min-width: 751px) {
    [id^="img-hover-"] a {
        display: block;
        width: fit-content;
        overflow: hidden;
        transition: transform .3s;
        transform: scale(1);
    }

    [id^="img-hover-"] a img {
        transition: transform .3s;
        transform: scale(1);
    }

    [id^="img-hover-"] a  img:hover {
        transform: scale(1.05);
    }
}

[id^="js-blur-img-"] {
    opacity: 0;
    transform: translateY(10px);
}
[id^="js-blur-img-"].is-active {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .8s ease-out .6s, transform .8s ease-out .6s;
}

