JSFiddle - React, Tailwind, and code Playground

HTML

<div class="profile-image">
    
    <img src="https://si0.twimg.com/profile_images/1897930910/black_hair.jpg" alt="TerryJuneJr">
</div>

CSS

.profile-image {
    border: 1px solid #ffffff;

    display: inline-block;

    margin: 0;
    padding: 0;
    
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;

    vertical-align: -100%;
}

.profile-image:hover {
    border: 1px solid #ffffff;
}