Icons smaller on mobile

Site URL: https://andreaengerphotography.com/

Hello!

I'd like the icons on two of my pages to be smaller on mobile:

https://andreaengerphotography.com/elopement-prices
https://andreaengerphotography.com/elopement-guide

Does anyone know the CSS for that?

Thanks!
Andrea

Which icons? Can you take a screenshot?

Sure, @tuanphan! Here are the screenshots. Thank you!

Add to Home > design > Custom CSS

/* Prices page */
@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1598488946112_47063 {
    width: 50% !important;
    margin: 0 auto;
}
div#block-9457884ed9552b40ebee {
    width: 30% !important;
    margin: 0 auto;
}
div#block-5113409bf532cae5b7fa {
    width: 30% !important;
    margin: 0 auto;
}
div#block-f3a2fd800285c42f4a99 {
    width: 40% !important;
    margin: 0 auto;
}
div#block-yui_3_17_2_1_1599333873184_31932 {
    width: 60%;
    margin: 0 auto;
}
div#block-8372e386f8d9b36134f1 {
    width: 30%;
    margin: 0 auto;
}
div#block-56bd2322c8fde2f5817f {
    width: 20%;
    margin: 0 auto;
}
}

Repeat similar for other icons. Use this tool to find image block id. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde