Images not displaying correct size after publish


I’ve got a Tab Component with a Collection List and CMS images shown within it. For some reason, the preview in Designer looks fine, but the Published site is looking really messed up.

Please see below images. I’ve edited the site since this snapshots, however, the difference between the Designer view of the images and the published site is still messed up.

Any help would be greatly appreciated.

You will have to give the Collection Item a set width, either in PX or VW, then set the image to Cover