How to make repeating grid Image quality looks better like dribbble

Need help
1

I’m making a platform to showcase designs in repeating grid but I’m facing low quality image preview in repeating grid and image not fit in good frame, if I set zoom, it zoom center and top part of image goes up not visible shows center only, but I want to make it like Top left zoom at least, how to set this??

My Designs image preview : this is set strech but I want Top left zoom

image
image1882×728 150 KB

Dribble example

image
image1890×902 133 KB

2

use a group or shape element instead of image element, then set the group/shape background style to image, and bind the dynamic image there. you can tweak the image sizing options for desired effect. image element in bubble is too simple, and dont have all the css customizations unfortunately