<img src="https://picsum.photos/id/1074/250/250"  alt="a lioness">

img {
  --s: 200px; /* the image size */
  
  width: var(--s);
  aspect-ratio: 1;
  box-sizing: border-box;
  padding-right: var(--s);
  box-shadow: 0 0 #8A9B0F; 
  background: #8A9B0F;
  object-fit: cover;
  object-position: left;
  cursor: pointer;
  transition: 1s;
}

img:hover {
  padding: 0;
  box-shadow: var(--s) 0 #8A9B0F;
}


body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-content: center;
  background: #C6E5D9;
}