Hey again @bangank36
I've been able to get to this point using two gallery slideshows.
https://www.laurencampbell.net.au/test-landing-page
I'm also using a code I found here for the transition fade but it only seems to work every couple of times, not every time and not for both galleries. It seems super random. Here is the code:
///SLIDESHOW TRANSITION EFFECT FADE///
.gallery-fullscreen-slideshow-item-img{
transition: opacity 1600ms ease-in-out !important;
-webkit-transition: opacity 1600ms ease-in-out !important;
-ms-transition: opacity 1600ms ease-in-out !important;
-moz-transition: opacity 1600ms ease-in-out !important;
-o-transition: opacity 1600ms ease-in-out !important;
}
//.gallery-fullscreen-slideshow[data-transition="fade"]
.gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{
transition: opacity 1400ms ease-in-out !important;
-webkit-transition: opacity 1400ms ease-in-out !important;
-ms-transition: opacity 1400ms ease-in-out !important;
-moz-transition: opacity 1400ms ease-in-out !important;
-o-transition: opacity 1400ms ease-in-out !important;
}
I'm still trying to figure out how to overlay the text over the top of each image and make mobile view split like the image attached. Would you happen to have any advice for this?