Maritu

And use this tool to find section id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

HI! Thanks for replying. Yes I solved the logo problem because I created 2 sections one for mobile and another one for desktop. 
In case someone comes across this topic, you can hide a desktop section with this code:
@media only screen and (max-width:767px) { section[data-section-id="Your Section ID here"] {display:none} } And you can hide a mobile section with this code:
@media screen and (min-width: 768px) { section[data-section-id=“Your Section ID here”] { display:none !important; } }

Add this code under
@media screen and (min-width:768px) { [your-data-section-id] .sqs-row { flex-wrap: nowrap !important; } }  

I was able to find a solution, so I am sharing it here in case anyone runs into a similar issue:
Important notes, your section ID will need to be updated with your own ID, and you need each image block authored to be in either 3 columns or 2 columns for this to work. If you have multiple sections where you want this to work, you will need to add this code for each section.
//equal size blocks//
section[data-section-id="5f561a6cfab9b365a25a1e21"] {
  .sqs-col-3, .sqs-col-2 {
    width: 20% !important; 
  }
}