.js-inview {}

.js-inviewImage {
    position: relative;
    overflow: hidden;
}

.js-inviewImage img {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 350ms ease-in-out;
}

.js-inviewImage.-show img {
    clip-path: inset(0 0 0 0);
}

.js-inview {
    opacity: 0;
    transform: translateY(30px);
}

.js-inview.-show {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 600ms ease 200ms, transform 400ms ease 200ms;
}

@media (max-width: 767px) {

    .sp_bl p,
    .sp_bl h3,
    .activities_list li {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .sp_bl .js-inviewImage img {
        opacity: 1 !important;
    }

    .sp_bl .js-inviewImage::before {
        content: none;
    }
}