<script>
$(document).ready(function(){
    $(".intro__arrow-right").click(function(){

        let bg_img = $(".intro").css("background-image");
        let cut = bg_img.slice(43,-2);
        console.log(cut);
        if(cut === "/images/baner1.jpg"){
            $(".intro").css('background-image', 'url(images/baner2.jpg)');
            $('.page-container').fadeOut();
            $('.banner__2__hero').fadeIn(400);
        } else {
            $(".intro").css('background-image', 'url(images/baner1.jpg)');
            $('.page-container').fadeIn();
            $('.banner__2__hero').fadeOut(400);
        }

    });


    $(".intro__arrow-left").click(function(){

    let bg_img = $(".intro").css("background-image");
    let cut = bg_img.slice(43,-2);
    console.log(cut);

    if(cut === "/images/baner2.jpg"){
            $(".intro").css('background-image', 'url(images/baner1.jpg)');
            $('.page-container').fadeIn();
            $('.banner__2__hero').fadeOut(400);
        } else {
            $(".intro").css('background-image', 'url(images/baner2.jpg)');
            $('.page-container').fadeOut();
            $('.banner__2__hero').fadeIn(400);
        }
    });
});

</script>