CCS code for mobile version???

Site URL: https://www.spanishlanguagecentreuk.com

I have a Squarespace site: https://www.spanishlanguagecentreuk.com and when opened on mobile the landing page does not fit and the images become a list, I have tried many CCS codes that I have seen on here but I am having no luck. Please help me!

6 hours ago, Joey27 said:

Site URL: https://www.spanishlanguagecentreuk.com

I have a Squarespace site: https://www.spanishlanguagecentreuk.com and when opened on mobile the landing page does not fit and the images become a list, I have tried many CCS codes that I have seen on here but I am having no luck. Please help me!

Which images you are referring to

The first page (background), then the following images.

What I am trying to achieve is the desktop version but shrunk to mobile, not as it currently is with the first page image being cropped then the rest is made as a list with the buttons positioned in wrong places. 

I want to lock the buttons where they are and to appear as is on any size screen.

14 hours ago, Joey27 said:

The first page (background), then the following images.

What I am trying to achieve is the desktop version but shrunk to mobile, not as it currently is with the first page image being cropped then the rest is made as a list with the buttons positioned in wrong places. 

 

I want to lock the buttons where they are and to appear as is on any size screen.

Add to Design > Custom CSS to resize image on mobile

/* mobile-top banner */
@media screen and (max-width:767px) {
body.homepage article section:first-child {
    min-height: unset !important;
    height: 30vh;
}
}

ccs to just hide it? as its still not a great size lol

I give up on it