How do I keep the background picture the same size?

Hello,

This is regarding this form: https://form.jotform.com/202183964201146

When viewed via mobile device the background picture gets zoomed in. How do I keep the full image in mobile the same as on Desktop?

Hi there,

I've checked your form's logo on both mobile and desktop view size/dimensions are just the same. 

Do you want the logo to be smaller on the mobile view instead? 

We look forward to your response.  

Hi Lorenz, 

Thank you for the quick response. The logo is fine, it's the background (Irish Flag) that's the issue. On Desktop it looks great but on Mobile the flag is zoomed in. 

Hello Oleg,

I am checking the issue and will be back to you as soon as I find the solution(tentative).

Thanks!

Hello Oleg,

I tried with this custom CSS in here,

@media screen and (max-width:768px){

    .supernova {

    background-size: contain !important;

    background-repeat: repeat-y !important; 

    }

}

but to my surprise it showed me such background.

It should have repeated the background flag but it didn't. If you are ok with repeating the flag , then do let us know .

Thank you!