JSFiddle - React, Tailwind, and code Playground

HTML

<div id="supercontainer">
  <img width="409" height="292" alt="Miley Cyrus quiere revivir a Hannah Montana" class="object__fit generated" src="https://bajiomedia.com/__export/sites/bajionews/img/2020/08/19/__MoJ4QnTYR0ZSy6Ul.jpg">
  <div id="shadow">
  </div>
</div>

CSS

#supercontainer {
    position: relative;
    box-sizing: border-box;
    width: 379px;
    background: transparent linear-gradient(180deg,#00000000 0%,#000000 100%) 0% 0% no-repeat padding-box;
    height: 100%;
}

#shadow {
  position: absolute;
    bottom: 0;
    left: 0;
    background: transparent linear-gradient(180deg,#00000000 0%,#000000 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 150px;
}

#supercontainer img {
  width: 100%;
}