Images too big on mobile

Site URL: https://prism-seal-294l.squarespace.com/

Hey, 

Lots of the inline images are too big on mobile, a set of icons and the logo in footer, can I get some custom code to amend this? 

P: Aine123

Hi. With footer icon, add this to Design > Custom CSS

/* Footer icon */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1619642357481_9547 {
    width: 30%;
}
}

With other icons, I don't see them on homepage. Which page?

@tuanphan the other icons are on this page: https://prism-seal-294l.squarespace.com/personal-branding

Thanks so much for help! 

On 8/13/2021 at 10:07 PM, sophie.elizabeth said:

@tuanphan the other icons are on this page: https://prism-seal-294l.squarespace.com/personal-branding

Thanks so much for help! 

Add to Design > Custom CSS

/* personal branding icons */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1626615717069_157796+.row .col {
    width: 33.3333% !important;
    float: left !important;
}
}

You're a legend thanks!