Desarrollo de slider interactivo con división en diagonal de 3 frames

¡Hola! Necesitamos desarrollar un slider interactivo que muestre 3 diapositivas en todo momento dividas por secciones en diagonal. El efecto en Desktop sería que al pasar por encima de alguna de estas tres secciones, se abrirían ampliando su espacio y reduciendo la otras dos. Se puede ver un ejemplo claro de lo que buscamos, y el efecto de movimiento que queremos, en la cabecera de esta página: [login to view URL] Aunque ese diseño es con dos 2 diapositivas, y nosotros la necesitamos con 3. Además en móvil para ese ejemplo las diapositivas no se abren, y nosotros sí queremos que se abran. En el PDF que adjuntamos está el diseño para el que necesitamos aplicarlo. En la primera página está cómo se vería en la versión de Escritorio, y en la segunda cómo sería para móvil. Consideraciones importantes: - Este slider hay que integrarlo en un proyecto web hecho con WordPress. No tenemos inconveniente en que la colocación del slider sea mediante shortcode en un widget. - NO queremos que para el slider en versión Desktop y versión móvil haya dos versiones (una para cada vista), y entonces el contenido esté duplicado en el código. Debería haber sólo un slider y este mismo adaptarse según el dispositivo (a excepción de la imagen, que entendemos quizá haya que cargar otra en otro tamaño/proporción, pero no los textos, logos, o botones). - Necesitamos poder cambiar la imagen fácilmente en el futuro, o los textos, si hubiese esta necesidad, por lo que necesitamos un pequeño panel de configuración dentro de WordPress donde poder hacer estos cambios. - NO queremos usar plugins pesados como Revolution Slider o similar para hacer esto, sino un desarrollo a medida que sea ligero y hecho en concreto para el diseño adjunto. - Facilitaríamos las imágenes en el tamaño que se nos pidan, así como los logos en svg o el formato que se necesite. En caso de cualquier duda adicional, preguntar :)