Adding an image/gallery slideshow with animation like in the given sample

On 7/24/2021 at 7:08 PM, tuanphan said:

Q5. Add to Design > Custom CSS

/* Reel responsive */
@media screen and (max-width:991px) {
.gallery-reel {
    height: 35vh !important;
}
}

Q4. If overlap on mobile, text/image will be very small.

 I think stacked is better. Also do you want to move image to above text?

Q5. Thank you for the code!!

Q4. I'd like to see how it would look with the code first, please? 

12 hours ago, louieandthird said:

Q5. Thank you for the code!!

Q4. I'd like to see how it would look with the code first, please? 

Add to Design > Custom CSS

/* text image side by side-about us*/
@media screen and (max-width:767px) {
div#page-section-606c54d5aca06f6920445dda>.row:nth-child(2)>.col:nth-child(-n+2) {
    width: 50% !important;
    float: left !important;
}
}

On 7/29/2021 at 1:25 AM, tuanphan said:

Add to Design > Custom CSS

/* text image side by side-about us*/
@media screen and (max-width:767px) {
div#page-section-606c54d5aca06f6920445dda>.row:nth-child(2)>.col:nth-child(-n+2) {
    width: 50% !important;
    float: left !important;
}
}

 

THANK YOU!! You're the best!