En primer lugar, soy principiante y no sé cómo hacer la pregunta correctamente, pero espero que me puedan ayudar.

Quiero superponer dos fotos y luego poner un punto en el medio que puedas arrastrar hacia la izquierda y hacia la derecha para mostrar una u otra foto.

Esto le permitiría mostrar una comparación de antes y después, por ejemplo.

Mi pregunta: ¿Es esto posible con HTML + CSS? ¿O necesitas JS? Pido sugerencias de solución.