/* Общий контейнер прелоадера */
#swiper_demo_preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* SVG-контейнер */
.swiper_demo_svg-container {
    width: 200px;
    height: 200px;
}

/* Анимация морфинга */
@keyframes swiper_demo_morph {
    0% {
        d: path("M50,150 Q100,50 150,150 T250,150");
    }
    50% {
        d: path("M60,160 Q110,40 160,160 T260,160");
    }
    100% {
        d: path("M50,150 Q100,50 150,150 T250,150");
    }
}

/* Применение анимации */
#swiper_demo_morph-path {
    fill: url(#swiper_demo_image);
    animation: swiper_demo_morph 3s infinite ease-in-out;
}