Removing images from "Projects" page

So I just started working on a website for my portfolio, I'm using the Project page of course to link to my separate pieces of work but I am not a fan of the big preview grid images. I'd ideally like to hide them or at least make them smaller.

I've looked at the source in Chrome and saw they were under a grid-image div so I tried putting:

.grid-image { 
    display: none; visibility: hidden;!important
}

into my CSS for the page but they're still showing up.

Am I missing something here or is there just no way to get rid of the grid images of a Projects page.

Link to your page please.

1 minute ago, rwp said:

Link to your page please.

Whoops, my page was offline while I was trying to figure it out.

Here is the link: https://www.alexconti.com/work

Better off using a different section layout. 7.1 doesn't really have specific pages, they are just examples.

You can start with a blank screen and add and remove sections and blocks as needed.

Just now, rwp said:

Better off using a different section layout. 7.1 doesn't really have specific pages, they are just examples.

You can start with a blank screen and add and remove sections and blocks as needed.

I actually got it to work, if you refresh it now the images should be gone. I put the code into <style></style> and it ended up working. Silly me.

You can also put it into the CSS section, but its going to cause you issues in the future.

You can accomplish the same look using different blocks and no CSS.