Стефан

Практика, практика, практика, только так, понаделаешь ошибок, будешь учиться, все просто!

А по тому что ты разделил, выглядит вроде ок, но это не всё, внутри тоже блоки, почитай про BEM(БЭМ), возможно уберет некоторые вопросы

Сместите центральный слайдер на сколько то пикселей и будет вам счастье
transform: translateX(100px);
что то типо такого к центральному слайдеру примените

И используйте не 'rows: 3', а сделайте 3 отдельных слайдера

.el {
    position: relative;
}
.el::after {
    content: url(<тут ссылка на картинку>);
    position: absolute;
    bottom: -<высота элемента after>;
    left: calc(50% - 1/2ширины after)
}

Засовываешь их в один контейнер и все, не вижу никакой проблемы в выравнивании