Estoy usando Barba.js, GSAP + Locomotive scroll para hacer transiciones de página creativas en mis trabajos. Y actualmente buscando algunos ejemplos sobre cómo implementar este tipo de transición con estos. Aquí está el prototipo que explica lo que quiero. (Sin marcos, Vanilla JS)

ingrese la descripción de la imagen aquí

He intentado buscar un buen código de referencia para esto en Codepen y otros sitios, no puedo encontrar un ejemplo exacto como este. especialmente con locomotora y GSAP. y traté de descubrir cómo establecer reglas con Barba.js, pero fue demasiado difícil para mí y no pude implementarlo (porque la transición predeterminada es diferente a esta).

Sería genial si me puede guiar o darme algunos consejos sobre cómo hacer esto. Muchas gracias🙏