.scroll-effect-image {
    display: block;
    overflow: hidden;
    will-change: width, border-radius, margin;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.scroll-effect-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* Tablet/iPad */
@media (min-width: 481px) and (max-width: 1024px) {
    .scroll-effect-image img {
        object-fit: cover;
    }
}

/* Mobil/iPhone */
@media (max-width: 480px) {
    .scroll-effect-image {
        -webkit-overflow-scrolling: touch;
        height: auto !important;
    }

    .scroll-effect-image img {
        height: auto !important;
        object-fit: initial;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}