Huge photos blocks in mobile footer!

Site URL: http://www.charlottelinton.com

I have read on previous threads that you can insert custom code to solve the problem of photo blocks becoming huge on a mobile screen when they have been placed in the footer. I am having that same issue but none of the code that I've found has worked. Any suggestions would be gratefully appreciated! See images of by huge bunny rabbit logo!

Hi. Add to Design > Custom CSS

/* resize footer logo */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1612356315209_36137 {
    width: 30%;
}
}

Brilliant! Thanks @tuanphan!!

On 3/12/2021 at 9:56 PM, CHARLIE_L said:

Brilliant! Thanks @tuanphan!!

Footer on tablet doesn't look good. You can add this CSS

/* Tablet footer */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-60a9afa4f2ed322abd86 {
    padding: 0;
}
}