JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png" alt="" class="object-contain">

<img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png" alt="" class="object-cover">

<img src="https://media.licdn.com/media/AAEAAQAAAAAAAANbAAAAJDE5NjBkNDk1LTY3ZGQtNDA0NS04YTJiLTdkNmU3NjZiNjI3Mg.png" alt="" class="realsize">

CSS

img
{
    display: block;
    margin-bottom: 20px;
}
.object-contain
{
    width: 200px;
    height: 200px;
    object-fit: contain;
    object-position: center center;
    border: 1px solid #5bd8d3;
}

.object-cover
{
    width: 200px;
    height: 200px;
    object-fit: cover;
    object-position: center center;
    border: 1px solid #5bd8d3;
}