Caousel problem with margins and "flashes" when reproduced on mobile

[clelia.cadamuro]

Hi!
I am using the carousel and would like to have three contiguous carousels but I always see a little white line between them, even if there shouldn't be any margin.

I experience also another problem with the carousel in the mobile version; you can see in the video below that the image sequence makes a sort of "flash" for the first seconds when the page is opened, that after a while it get fixed. Because the speed it's pretty fast it's quite annoying and visibile.
If you have suggestions of how to fix this two issues, it would be great :)

Thanks a lot

Video: https://drive.google.com/file/d/14qOW17qX7prWlXS9O0hZOmZRBPNrAQMc/view?usp=share_link

[felix_rabe]

the flash is because the image are lazy-loaded, meaning they get loaded when their time comes to be visible in the carousel. and your time setting is just too fast for that to look "good". it also flashes on desktop. Maybe an animated gif is better for that?

[arminunruh]

hey!

can you try this:
go to lay options -> carousel addon

disable lazyloading of images there

then you could also activate the intro feature
lay options -> intro

so there will be some intro that needs to be closed, this would give the browser a few seconds to load the carousel images

[arminunruh]

and the other issue:
can you use this custom css:

.lay-carousel.transition-immediate .swiper-wrapper{
gap: 0px!important;
}

Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

maybe that fixes it