Adding border creates weird gap around child image

Hi guys, I’m struggling with adding a border around an image (with corner radius). The image fills the div perfectly without the border. But when the border is added, suddenly a weird gap around the image is created. Is this a bug? Or am I not following best practices?

Things to note:

  • This applies when I add a border+radius directly to an image
  • It also applies when I nest an image inside a div, and give the parent div a border+radius

Read-only link (go to ‘project page template’):
https://preview.webflow.com/preview/julialeeyh?utm_medium=preview_link&utm_source=designer&utm_content=julialeeyh&preview=115096f316dc8bb5495ba792f50b6402&pageId=601a025b139225489d77fd3d&mode=preview