How to customize image padding with Custom CSS?

Hi all! 

I'm trying to figure out how to add padding in between my two images in the section of "Designing for trust and confidence". Here's the link: https://www.mikagu.me/work/instalment-only-card (scroll to about the middle of the page).

My goals are to:

1) Have the images in equal sizes

2) Have the padding in between images not too wide

What I've tried was:

a) Adjusted the height % & width %. However, it didn't work because it's leaving too much white space/padding on top and bottom. Below is the code I used(credit to @tuanphan in another post!):

Quote

div#block-yui_3_17_2_1_1630864230979_33943 img {
    display: block;    
    height: 90% !important;
    width: 90% !important; 
}

b) Added a code block but can't seemed to find how to reference an image in the code block. 

Any solution to a) or b) would be greatly appreciated! Thanks so much! 🙂

Hi,

It looks same size & white padding here. You solved this?