Hemos realizado un formulario simplemente utilizando Html5 y Css3

En este formulario hemos utilizado FlexGrid para la colocación de los objetos. La imagen que hemos utilizado tiene formato SVG. 

Vemos una especie de polígono de color azul, que no es el fondo de la imagen, hemos jugado con técnicas de Clip-Path para la colocación.

Cuando lo vemos a partir de 768px vemos el formulario y la imagen, uno al lado del otro, y para ello hemos colocado mediante grid, y la utlización de grid-column y gri-row.

Cuando el tamaño es menor de 768px lo que nos hace es que tanto el polígono como la imagen se sitúan en la parte de arriba y el formulario en la parte de abajo, por supuesto, volvemos a situar los elementos grid.

Esto lo veis en la parte de abajo, en la fotografía como nos ha quedado.