ibrade

How can I change the aspect ratio for Gallery in Mobile using CSS? It's currently set to 1:1 on Grid: Simple. This is the code I am using to control the gallery at the moment: @media screen and (max-width:800px) { .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; } } What can I add to the code to change the images within gallery to either 3:4 or 2:3 AND where in the code do I add it? Image attached showing what the site looks like in mobile

Managed to get it working but wondering how I can get it to take the full size of each image instead of square with padding. example attached of what i would like it to look like.

Followed this website in order to try and achieve stacking on Mobile only using one column, as it currently shows two columns, reducing the image sizes (see attachment): https://christyprice.com/blog/stack-grid-gallery-squarespace-mobile The following code is used but i cannot get it working when i drop it onto my Design >> Custom CSS section: @media screen and (max-width:800px) { .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 3vw !important; } } Can Someone please help me as I want each image to appear on one big column instead of split into two coloumns for mobile only.