Looking to remove images from footer ONLY on mobile

Site URL: http://www.bloomspeech.ca

Hello. Looking for help on this. I am looking to either reduce the space between the flower images on the mobile footer as they don't translate well on mobile and are leaving too many gaps. Is there a way to remove images on mobile? or perhaps just remove the top one and have it end off with one (ONLY ON MOBILE)? 

Thanks

www.bloomspeech.ca

PW:bloom

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5eab88d20b96e2496af2f570>.row:nth-child(2) .span-2 {
    width: 50% !important;
    margin: 0 auto;
}
}

Thank you @tuanphan you are always so incredibly helpful!