Владислав Черненко

.container{justify-content:flex-start;}
.item:last-child{margin-left:auto;}

Проще тогда отказаться от вложенных IMG и сделать через background, что-то типа такого:

<div class="slider">
   <div class="item" style="background-image:url(.../img-1.jpg);"></div>
   <div class="item" style="background-image:url(.../img-2.jpg);"></div>
</div>

.slider .item{
   min-height:300px;
   background-size:cover;
}

Оберните текст в span, например:
<li><span>текст</span></li>

li span{cursor:pointer;}

Про клик не понял... со 2-го клика всмысле? Тогда так:

$('li a').click(function(e){
    if(!$(this).parent().hasClass('active')) {
        $('li').removeClass('active');
        $(this).parent().addClass('active');
        e.preventDefault();
    } else {
        return true;
    }
});

Само проще так:

.vash-block{
   height:100vh;
}

Если все же что-то есть и мешает, в чем более уверен, тогда обрезать:

.vash-block{
   max-height:100vh;
   overflow:hidden;
}