Mobile Styling

Site URL: https://lily-smilodon-skf3.squarespace.com/

When I set items to hidden for mobile, why doesn't the space where the element was go away? Also, is there an easy way to get the photos in the 'ohments' section reordered if I decide not to assign them to be hidden?

Site URL: https://lily-smilodon-skf3.squarespace.com/

Do I need to add something else to this code to make it work in mobile?

 #block-0225e4756e058ded1a1b{
    padding-top: 20px;
  }

How are you hiding them? Are you using the block IDs and setting visibility to hidden?

@Ziggy using this CSS for mobile

 #block-a0e797063c7eefec68e5, #block-c9eb46fe025aeced6093, #block-3965dec4c5992959e766, #block-a819947302e85a4a203f{
    visibility: hidden;

}

visibility:hidden; hides the element, but it still takes up space in the layout. display:none; removes the element from the website so it doesn't load and doesn't take up space. Should be an easy fix!