sasha_jarvi

Нужно удалить из кода <div id="sidebar-overlay">, поскольку этот элемент добавляется автоматически при инициализации сайдбара

Картинка была вырезана неправильно (ее исходный размер должен был быть 1440 на 810). Изменил картинку - теперь размер меняется правильно:
https://jsfiddle.net/6d7vgk3h/

Можно воспользоваться .card-columns на Bootstrap
https://getbootstrap.com/docs/4.0/components/card/

У вас пустое тело функции, я бы посоветовал использовать alert или console.log, чтобы убедиться, работает ли код. Например:

$('.x').dblclick(function() {
	alert('dbclick');
});

https://jsfiddle.net/jkevw7ny/

Немного подправил синтаксис, и видео заработало

window.onload = function(){
    if($(window).width() >= 992) {
        $('.main-banner__video').html('<video src="/video/Nikola_v6_for _site_1_1.mp4" width="100%" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' autoplay loop muted></video>')
    }
}

Проблема решена: https://jsfiddle.net/zu2yhmvx/