How do I change the height/length of the project image in my portfolio?

I would like to change the size of the grid image in my portfolio projects but I can't figure out how to do it.

I can change the width by using the CSS code below but not the height of the project

.grid-image {
  width: 100% !important;

}

To change height, you need to use padding-bottom

.grid-image {
  width: 100% !important;
	padding-bottom: 150% !important;
}

17 hours ago, tuanphan said:

To change height, you need to use padding-bottom

.grid-image {
  width: 100% !important;
	padding-bottom: 150% !important;
}

 

Hi tuanphan, 

Thank you for your reply!

This does change the height of the image, however the overall project block remains the same. When I hover over the project, half of it is the image and the other half is white.

I have attached a screenshot of my portfolio project page so you can have a better idea of what is happening. As you can see, the adidas project is shaded because I'm hovering over it, and I reduced the padding at the bottom with the code you provided, but now the whole block is split in 2.

I was wondering if there is a way to decrease that aspect ratio to a custom ratio so I can make more projects visible at once. 

Hope this makes sense.