Gap in div/block

There’s a block I have on my homepage where it’s either inserting some extra space after an image, or for some reason the image isn’t taking up the whole area. I can’t tell what I’m missing. You can se in the screenshot it’s inserting a small space after the image but inside of the column. Can anyone help me out? Thank you in advance!

Screen Shot 2021-06-28 at 9.30.21 PM|690x305


Here is my site Read-Only:
https://preview.webflow.com/preview/megan-hooks?utm_medium=preview_link&utm_source=dashboard&utm_content=megan-hooks&preview=5881157fdfa13f1c4a6ff7f33afff6ac&workflow=previewe

@MeganBH, a quick fix would be to select the column containing the image and set the display to flex. While there isn’t anything wrong with using the Webflow columns element, I do suggest either making your own flexbox grid or using the display grid property. These options are more flexible ah ah ah, see what I did there.

Here are videos on both: Flexbox Grid | Webflow University

CSS Grid | Webflow University

Thank you, I appreciate it!

Anytime @MeganBH :grinning_face_with_smiling_eyes:, I’m glad I could help.