JSFiddle - React, Tailwind, and code Playground

by gbos

HTML

<img class="img1" src="https://images.pexels.com/photos/56832/road-asphalt-space-sky-56832.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">

<img class="img2" src="https://images.pexels.com/photos/305070/pexels-photo-305070.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="">

SCSS

img.img1 {
    width: 100%;
}


img.img2 {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid white;
    position: relative;
    top: -40px;
    left: 20px;
}