SVG Маска + слайдер + Ken Burns Effect+Parallax

Учусь на стреньком макете, не хватает опыта, не понимаю как правильно реализовать это, и и вообще можно ли так делать?. Вопрос в том что есть SVG маска, в которую нужно положить слайдер и желательно, чтобы был эффект Ken Burns на каждый слайд + Паралакс.

    <section class="header">
    <div class="container-fluid">
        <div class="header__slider">
            <img src="" alt="">
            <img src="" alt="">
            <img src="" alt="">
        </div>
    </div>
    <div class="container">
        <div class="header__down">
            <div class="header__start">
                <img src="images/icons/header_start.png" alt="">
            </div>
        </div>
    </div>
</section>

вот svg

                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%"
                height="100%" viewBox="0 0 1923 993">
                <path fill-rule="evenodd" fill="#000000"
                    d="M1.0,1.0 C1.0,1.0 1922.0,1.0 1922.0,1.0 C1922.0,1.0 1922.0,867.9991 1922.0,867.9991 C1922.0,867.9991 1.0,867.9991 1.0,867.9991 C1.0,867.9991 1.0,1.0 1.0,1.0 ZM1.9999847,867.9991 C1.9999847,867.9991 962.0,867.9991 962.0,867.9991 C962.0,867.9991 962.0,991.99945 962.0,991.99945 C962.0,991.99945 1.9999847,867.9991 1.9999847,867.9991 ZM1922.0,867.9991 C1922.0,867.9991 962.0,867.9991 962.0,867.9991 C962.0,867.9991 962.0,991.99945 962.0,991.99945 C962.0,991.99945 1922.0,867.9991 1922.0,867.9991 Z" />
                    <defs>
                    <image xlink:href="images/content/slider2.jpg" width="100%" height="110%" mask="url(#msk1)"
            </svg>