MamaLuyba

В общем, хз, как там работает эта карусель, но обычна в нее засовывают блоки одного формата. Теперь что касается форматирования блоков:
1) Создаешь div-контейнер
2) Задаешь ему border: 1px solid gold (появляется золотая рамка)
3) Засовываешь в него картинку и блок с текстом (итого два элемента внутри контейнера)
4) Задаешь контейнеру display:flex (текст и картинка становятся в ряд)
5) Задаешь картинке position: relative; left: -20px; top: -20px; padding: 10px (картинка съежает влево и вверх, плюс должен появится отступ от рамки)
6) Проверяешь результат
Если нет отступа от рамки, то надо подумать.

Ответ тут один - чем тогда должен заниматься фронтенд разработчик, пока верстальщик делает верстку? Писать код в отрыве от шаблона? Маловероятно.
Если человек разбирается в любом ЯПе, то он всяко разберется, как сдвинуть блок на пару пикселей влево.

Вопрос, конечно, гениален, если учесть, что причин может быть вагон. Скорее всего причина в том, что отступ от хэдера как-то высчитывается от позиции скрола, и при быстрой прокрутке в расчет попадают бОльшие значения.
Дайте ссылку на сайт - разберемся.

не сложная. просто через animation-delay отрисовывается с паузой.
времени - ну тут от опыта зависит. часа хватит с запасом.

да, через гриды.
типа такого:

#wrapper {
 display: grid;
 grid-template-columns: 50% 25% 25%;
 grid-template-areas: 
'first second fourth'
'first third fifth';
}

ну и прописать блокам соответствующее имя grid-area: 'first' и т.д.

через css никак (при такой структуре). через скрипты - легко.