ブログやサービスでは画像細部が異なることが多いかと思いますが、その際はこちらのclassを利用することで実装が可能となります

<img class="object-contain h-48 w-full">

参考記事

Object Fit