Footer image to be aligned to the bottom of the page when on mobile view

Store Design
1

Hi everyone

I would like my footer image to be aligned to the bottom of the page when on mobile view. I would also like the image to be smaller, compared to a laptop, so its more of a frame like on a laptop views (see pic)

I used this code to have the image in the footer:

#shopify-section-framework--footer{
 background-image: url("your image url");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

https://laz-the-plant-scientist.myshopify.com/

pword test

Theme blockshop

peter550_0-1637079608294.jpeg
peter550_0-1637079608294.jpeg461×998 28.7 KB

peter550_1-1637079608318.png
peter550_1-1637079608318.png999×355 224 KB

2

@peter550

thanks for update

can see its all center

KetanKumar_0-1637089037908.png
KetanKumar_0-1637089037908.png1920×1080 346 KB

3

@KetanKumar thank you, but if you go onto your phone and onto the site you can see its not aligned to the bottom. It is centred but there is a gap underneath the image at the bottom. Please can you check?