Usamos FlexContent de Elementor Pro para esta practica, iniciamos creando una sección con dos columnas al cual haremos que tenga un vh de 100 para que ocupe toda nuestra pantalla, en la columna de la izquierda ira el contenido que quieras poner como por ejemplo un titulo que indique sobre que va el slide, en este caso Nuestras Fotos, también un breve párrafo y para este ejemplo un Call to action como por ejemplo Ver todas.
Seguido en la columna de la derecha es donde pasara toda la magia, hacemos que nuestro contenedor principal tenga una orientación de columna, dentro de este agregaremos en este caso dos nuevos contenedores que tendrán dirección horizontal, para que las fotos se posiciones una a lado de la otra. Agregamos las imágenes correspondientes, a cada imagen le daremos una anchura y altura de 300px.
Es hora de colocar las clases a nuestros elementos, para la columna principal de la izquierda le agregaremos la siguiente clase jr-scrolling-image y en el apartado de custom CSS de este contenedor agregamos nuestro primer snipet CSS.
Ahora solo queda agregar nuestro snippet JS, para ello hacemos uso del elemento HTML, este elemento lo agregaremos en nuestra contenedor principal que aloja a los contenedores de las imágenes.
Y con esto tenemos todo listo y funcionando.
Los snippets para este proyecto podrás descargarlo directamente en el siguiente enlace a mi github SlideGallery