Blog thumbnail image

Site URL: https://caper-badger-3s6d.squarespace.com/blog

Hi! How do I make my blog thumbnail images automatically fit the ratio? Now my uploaded image is being cut, so it doesn't look very well. Can anyone help me?

Password: home

Add to Home > Design > Custom CSS

.blog-basic-grid .image-wrapper img {
    transform: scale(1.01);
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}

@tuanphan, thank you so much for your reply, that helped! 😃 

@tuanphanI noticed that the thumbnail image is a bit cut on the top. What do I do to fix this? I tried to resize the image height in illustrator and upload a new one, but that didn't help. Can you help me? Also the thumbnail images were really big on widescreen, is it possible to make them a bit smaller?

Use new code

.blog-basic-grid .image-wrapper img {
    transform: scale(1.01);
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
.blog-basic-grid .image-wrapper {
    overflow: visible !important;
}

Thank you @tuanphan, that did the trick!