Issues with correct display of image boxes

Site URL: https://www.qvonto.com

Hi everyone,

I'm experiencing some weird issue on my website, www.qvonto.com. I wanted to make some image boxes that change when you hover the mouse over them, which worked out fine in the website builder and looks perfect when i preview it. However, when I go on the website on safari/chrome the boxes are a different size than my preview. Any able to help?

This is the code I used: 

<div class="image-swap">

  <img src="">

  <img src="">

</div>

Hi. Have you used same size image or different size? Try same size image.

Same size, 2100x2100.

Recently a member also contacted me & I have no idea to solve this.

You can consider using Image Blocks to create this image hover effect. See this guide.