fr use this
object-fit: cover;
property to prevent ur images from looking
squished or stretched when resizing containers. applying it ensures the aspect ratio stays
perfectly intact even on mobile screens.
>always set a fixed height for the wrapper element to avoid layout shifts.**it works best if u also use overflow: hidden