Froggyweb

Каждый, кто напишет пример проекта по моему описанию, получает лайк

Жалко смайлов нет :(
Github в тэгах зачем?
Ну норм проект это соцсеть уровня FB обычно или магазин типа Ozon. на курсах обычно это и разрабатывают

justify-content: space-between - 'это про равные расстояния между блоками внутри флекса, а не по центру обертки

У картинки нет псевдоэлементов.
да и изображение лучше заворачивать в обертку почти всегда. появляется больше вариантов для манипуляций.
использовать пустой див ну это за гранью....

vim

В простом и безопасном случае - это clip mask

С помощью любой галереи на JS
Например Slick.js

В следующем году это будет Цвет яйца дрозда :)

Ну это же тестовое
спрячь стрелки в css
почитай документацию. там есть опция отключения стрелок https://flickity.metafizzy.co/options.html

Табы работают на фронте. Варианта 2 неправильная разметка - не хватает обертки или класса, либо не подключен CSS
судя по общему стилю их написания есть обертка tabs к примеру. а tab - это конкретная панель

ну гугл же есть
вот пример www.thecreativedev.com/how-to-check-user-is-logged...

wix tilda

ну такое себе. есть Atomic css со стилями mt15 p40 и далее
для шаблонов наверное норм, для более индивидуальной верстки - ад

Первый вариант большая специфичность ничем не обоснованная, второй- плохая читаемость
посмотри на БЭМ это наиболее адекватное использование css ну или css in js

использовать любой скрипт галереи например fancybox/
modx ничего не увеличивает, он картинки отдает. Дурацких плагинов как под вордпресс для него слава богу нет.

Можно использовать сторонние инструменты типа https://saerasoft.com/caesium/

Или записать простейшую action и запустить пакетную обработку.