NFT preview card component (Your, welcome, Flex Box)

I struggled with laying an eye on half-opacity green nft-image unsing background-image option. So I solved it adding an div for eye image into general nft image div. I applied an background-color into parent div to make an transparent color with HSLA value, i regulated opacity thus. For both of divs i used an background-image to assign an responsible image

Here is a question. How to make div with background squeeze. If there was <img/> i could use an height: 100% to make an square, that can flex for card with?