Side by Side Images - Mobile View

Site URL: https://www.subjectresources.com

Hello,

Please could someone help me and tell me the correct CSS code I need to set my subject images side-by-side? 

Also, any help on how to display the other two images above would be amazing! 

Thank you

Solved with this

@media screen and (max-width: 767px) {
    div#page-section-62af3cd3d090d46fcc525d45 .span-3 {
        width:50% !important;
        float: left !important;
    }
    div#page-section-62af3cd3d090d46fcc525d45 .span-3:nth-child(2n+1) {
        clear: left !important;
    }
}