Imagen de formulario hace wrap de imagen + Contenedor form

[yeicobF]

El formulario del registro hace un wrap de la imagen y el formulario en cierto ancho, por lo que se pone la imagen y abajo el form. Cuando la pantalla es grande, el tamaño de la imagen ocupa mucho espacio, por lo que podríamos hacer que ocupe menos de la mitad.

Además, la imagen de la izquierda se centra verticalmente respecto al alto del contenido total, por lo que si creciera el formulario, podría llegar un punto en que ya no se vea la imagen. Podríamos hacer que su altura máxima sea un 100vh y se siga centrando igual, o podríamos alinearla al tope superior con flex-start.

Esto se puede ver en la siguiente imagen, en donde se estableció flex-start, padding: 5em 1em y gap: 3em.

Por último, podríamos hacer que el contenedor del formulario tenga un ancho máximo para que no se haga muy grande.