Estoy enviando un sitio de muestra y una imagen, puede verificarlo. La imagen que envié tiene una imagen desplazable y una sección de cuadro para texto. La mitad de la segunda imagen será visible y cuando se deslice hacia la izquierda en la lógica del control deslizante, aparecerán 2 imágenes al frente y el texto dentro del cuadro cambiará.

https://prnt.sc/26mtuw6

Aunque no es exactamente lo mismo, nuestra última sección de proyectos en este sitio es un ejemplo http://paul-themes.com/html/liarch/home-default.html

Si desea hacer un diseño como el img a continuación:

Para las imágenes de mi código a continuación, estoy usando Bootstrap 5.1.3 (los nombres de clase son en su mayoría del marco)

1) necesitará usar alguna display: flex en un contenedor para tener elementos en una fila y uno al lado del otro (créelo en su CSS para usar eso, si no está usando Bootstrap Framework). Además, agregue un width:100% en ese contenedor para que ocupe todo el espacio (es la clase w-100 de Bootstrap, o bien, agréguelo en su CSS personal; aquí 100% es 100% del cuerpo)

2) deberá hacer que ese contenedor se pueda desplazar con overflow-x:scroll

3) deberá crear un bloque (div) para su título y párrafo que debe estar en position: absolute y darle las coordenadas top/bottom/right/left

5) necesitará que su contenedor esté en position: relative , por lo que el título/párrafo (paso 3) se coloca según el contenedor

6) deberá darle a sus imágenes un width lo suficientemente grande para que el desplazamiento realmente comience a funcionar (necesita que los elementos dentro de su contenedor sean más grandes que el ancho total del contenedor para que se pueda desplazar)

Este es un ejemplo rápido que hice:

Aquí está el código de mi ejemplo.

html:

CSS: