JSFiddle - React, Tailwind, and code Playground

HTML

<div class="avatar-image">
            <img
              src="https://upload.wikimedia.org/wikipedia/commons/e/ec/Himmelsblau.jpg"
              width="300px"
              height="300px"
              alt="tttt"
            />
            <div class="botoom-menu" />
            tests
          </div>

CSS

.avatar-image {
    position: relative;
    text-align: left;
    color: white;
   }

   .botoom-menu {
  
    bottom: 0px;
    left: 0px;
  
    height: 30px; 
    width: 100px;
    background-color: rgb(29, 228, 62);
    opacity: 1;
    position: absolute;
   }