CSS troubles with background image

Hi, I have my clients site here, there are several sections and at the last one is applied background (picture of grass with mashrooms and lighthouse), but when it comes to responsiveness of the site, it's making a troubles, first it's not wide enough and on the smallest one it's not height enough. Could somebody help me to solve this problem? It has to be visible whole, 100% width, on the very bottom of the page.

Hi @Anang, of course I know that I need to have an image big engouth 2040*570 pixels should be enough for almost all thinkable resolutions. As well I know that I can use different media queries, but I've believed for a some general and elegant solution... Anyway, thanks for an interesting readings. But I've finally fined out different approach (maybe because of describing my trouble to you here):

min-height: 30vw; which is in correct ratio with width*height of my background image.

But last trouble is, how to (only with css) get the copyright line at correct place - in the center of page, 10px from bottom. Do you see the solution?

How do you rate me?

Thank you for rating your experience!

We’re thrilled to hear you had a great experience with . Would you like to leave a comment about your experience?
Thanks for voting on your experience with , we’d love to get some feedback please.
Ohh no! We’re really sorry to hear you didn’t have a pleasant experience with , we’re always looking at how we can improve and would appreciate you provide some further feedback here please.
Type your feedback here

it's great that you had a positive one. Based on your experience in this ticket would you please be kind enough to rate us externally on: