JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div class="line">
  <div class="img">
    <img src="https://media.istockphoto.com/id/1161667467/id/vektor/mobil-polisi.webp?s=612x612&w=is&k=20&c=kKkNBs2H-sdTVIUdVjc7512FelDkcZ52bIzu601hoOA=" alt="">
  </div>
</div>

SCSS

.line {
  width:4px;
  background:yellow;
  height:1000px;
  position:relative;
}

.img {
  width:100px;
  position:absolute;
  bottom:0;
  height:100px;
  img {
    width:100%;
    height:100px;
    object-fit:content;
  }
}