For your styles of Class col, try changing the percentage width to a viewport width. The divs probably need to
If it is supported to show as image then you need to set the image to "cover". Your code offering omitted the infor.png absolute address.

To avoid the footer overlapping in a short viewport, you probably need to add a minheight somewhere.

You need to search out more tutorials about CSS as TG is not a coding forum.

I also think you need to ask why are you doing this and jumping in before you have a better grasp of the basics.
The page you have produced is truly irritating and I would click away from it in short order.
What is more important, the text in the centre or that text being pushed around and squeezed or stretched depending on where the viewer puts their mouse pointer?
The transition time is far to short and you probably need a Bezier easing function to make the changes less stressful.

Acorn