Дима

$(".modal-container").on('click', function (e) {
    if (e.target == this) $(".modal").fadeOut('fast');
})

Это для видео

position: absolute;
min-width: 100%;
min-height: 100%;
left: 50%;
top: 50%;
z-index: -1;
transform: translate(-50%, -50%);

Для контейнера 100vh и possition relative

.t{
  background-color: black;
  height: 50px;
  position: relative;
}
.t:before{
  position: absolute;
  top: 0;
  width: 100%;
  height: 20px;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  content: "";
  background-color: white;
  display: block
}

Masonry

Вот вам правильный ответ =)

img{
    object-fit: cover;
    width: 100px;
    height: 100px;
}

<meta name="format-detection" content="telephone=no">

Статическая ширина в px

.main-description:after
вот тут из за этого width: 711px; происходит. Переверстай этот момент



потом .content-wrapper ширина в статике 1160px, нужно убрать это значение. Поставь width: 100%;
Скрин