resize images on mobile view

Site URL: https://www.jasmine-noronha.com

Site URL: https://www.jasmine-noronha.com

hello! i'd like to resize the images on the "film" section in mobile view. can someone advise on the code to do this?

thanks!

 Try adding to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.index-item-height-medium:not(.index-item-width-grid) .index-item {
    width: 90%;
    margin: 0 auto;
}
}

@tuanphan

thanks! needed height as well if possible. want the images to look much smaller. 

7 minutes ago, jasmine_noronha said:

@tuanphan

thanks! needed height as well if possible. want the images to look much smaller. 

try add: height: 90%;

6 minutes ago, tuanphan said:

try add: height: 90%;

please check the site on mobile view to see how it turned out... is there a different code to use? i still want it to be a longer width than height if possible...

You can adjust width height in above code.

If this still doesn't help. Can you describe in detail?

@tuanphan i've tried adjusting the numbers but any percentage i add to the height seems to make it look like the attached image... 

basically, all i want to do is to make the images in mobile view sized around 4x6 if that makes sense?