How to stop image from stretching when resizing?

I want to make a custom health indicator, a red heart and a black background.
However, when I try to size it down (for when the player gets hit), it also moves/resizes, making it wider
How do I stop this from happening?
Normal:
image
image
Sized

How do I lock the image itself?
Hierarchy:
image

Have you tried to use the properties “ScaleType” of the image? Try “crop” maybe it can help

that’s what I am using. the image moves with the size and it doesn’t crop properly