WQP

Только через js. В CSS нельзя такое сделать. Хотя через препроцессоры можно удобно переписывать области кода с медиа запросами

min-width: 320px

Потому что у вас относительные пути до файла.

Например
<link rel="stylesheet" href="assets/css/main.css">

А надо

<link rel="stylesheet" href="/assets/css/main.css">

Попробуйте задать will-change: transform; классу img_transform

masonry.desandro.com

на setinterval повесить функцию пролистывания?

Если используете sass или less , то можно настроить генерацию сетки.

Ну а если нужна только сетка, то вот тут сгенерировать можно - www.responsivegridsystem.com/calculator

$('.boxbar').click(function(){
  alert('Click');
})

Файл demo7.insar.epiales.net/themes/t/css/plugins/slick.css
Свойство .slick-slider

Убрать

-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;

Для LI надо задать flex: 1
codepen.io/Glaswr/pen/vgeKVE

В гугле первая ссылка...

alvarotrigo.com/fullPage/extensions/fading-effect.html