Responsive Image

If you know the larger sized images will not be displayed, like in a grid or 2 or more flex columns you can of course simply call it with large="false"

Responsive ImageResponsive Image

And if in a grid of say 4 then... large={false} and medium={false}

Responsive ImageResponsive ImageResponsive ImageResponsive Image

You can also pass extra classes to the img itself className="border-teal-500 border-4 rounded-full"

Responsive Image