Background-image responsivity and designer view vs. browser view

Hello!

Currenty I’m making a login system to practice and improve my skills in Vaadin. Now I’m creating the design, but I’ve got two problems that I can’t solve…

First of all, I’ve made a basic background image in PS, just checking that how I can set an image as a background. It works, but it has a fix size, so it’s not responsive - if I resize the browser it’s not moving with the window size. I’ve ticked in the Responsive field in the designer, but here It doesn’t work.

Secondly, why is my Vertical Layout at the top of page? In the designer I’ve set it in the centre of the screen, but why I open the browser it’s always in the top field.

Details: my main layout is a GridLayout with 3 rows and 1 column, and there is a VerticalLayout in the middle of the screen.

I really appreciate any answers.

Zsolt