yarovikov

Dropzone js

Все стили блоков и пр собираю в единые бандлы, библиотеки (слайдеры и пр) гружу только там, где нужны.
Итог ~ 90-100 баллов по google page speed.

shape-outside

Уберите подключение из php и используйте подгрузку стилей только с помощью js.

Вы собрались компиляцию на фронте делать? Нет, конечно, не поддерживает.

Совокупность background-attachment:fixed и cover на мобильном сафари не будет работать.

Кому интересно, проблема была решена с помощью абсолютного позиционирования проблемной ячейки:

.first-block {
	height:650px;
	display:grid;
	width:100%;
	grid-template-columns:minmax(5%,auto) minmax(auto,500px) minmax(auto,670px) minmax(5%,auto);
	position:relative;
}

.first-block__images {
	grid-column:1/3;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

Я бы такое с помощью tweenmax собрал. Самый быстрый и удобный способ.

В документации все есть. Нужно использовать два слайдера, верхний как навигацию к нижнему. Параметр asNavFor

Кому интересно, сделал по способу, предложенному мной же ))

Divider (разделитель)

Вот так?

Вы забыли swiper.css