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

Создайте свой балун, пример:

ymaps.ready(init);

function init() {
  var myMap = new ymaps.Map("map", {
    center: [55.733835, 37.588227],
    zoom: 10
  }, {
    searchControlProvider: 'yandex#search'
  });

  myMap.balloon.open([55.733835, 37.588227], {
    contentBody: [
      '<address>',
      '<strong>Офис Яндекса в Москве</strong>',
      '<br/>',
      'Адрес: 119021, Москва, ул. Льва Толстого, 16',
      '<br/>',
      'Подробнее: <a href="https://company.yandex.ru/">https://company.yandex.ru</a>',
      '</address>'
    ].join('')
  });
}

Лучше в корне подход изменить, и с адаптивом проблемы будут, и с тачем, и даже на десктопе вы перекрываете соседний элемент...

transform:scale(2/* тут как нравится*/ );
- или блоки relative, а картинки в absolute;
- или вообще поставить LightBox.

Проще тогда отказаться от вложенных 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;
}