Side-by-side Blog image shall fill the frame

Hi there,

For my Blog I have a side-by-side blog overview with a border. For the thumbnail Image I would like to have the image fill the space and get rid of the white borders on top and bottom. 

Site URL is: https://grasshopper-swordfish-m3kz.squarespace.com/blog
Password: Hawaitoast

Thanks in advance for your help.

Add this to the Custom CSS on your website:

.blog-side-by-side .blog-item {
  padding-top:0;
  padding-bottom:0;
}

Hope that works for you!

Yes this helps with the Image but when I leave the padding at 0 my read more buttons overlap with the outline of my container on smaller resolutions. This is why I fumbled around with the padding. I'm a CSS Beginner and I have the feeling I overlook something really obvious.

A difficult problem, it's not really built to deal with that border, you could try this Custom CSS that should help keep the width larger so it's less likely to overlap:

@media only screen and (max-width: 1000px){
  .blog-side-by-side .blog-item {
    width: 100%;
    margin-left: 0;
  }
}