CARROSEIS

OBS: O código está para até 10 imagens. Se tiver mais imagens, precisa duplicar o bloco com o .swiper-slide[data-swiper-slide-index] e alterar o valor de dentro deles e adicionar mais tempo ao animation-delay de cada um (eu subi de 0.5 em 0.5 segundos). Se tivesse 12 slides, por exemplo, precisa adicionar isso:

selector .swiper-slide[data-swiper-slide-index="11"]{ animation-delay: 6s; } selector .swiper-slide[data-swiper-slide-index="12"]{ animation-delay: 6s; }

BORDAS

Este é o título

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Este é o título

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Este é o título

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Este é o título

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

passe o mouse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

CÓDIGOS FUNCIONAIS

Imagem após os títulos ( código no css personalizado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.