Componente do cartão de visualização NFT

Fala @ThiagoTelheiro!

Teu projeto ficou show!

Colocar esse icon view é realmente um desafio. Eu fiz dessa maneira aqui abaixo e deu certo, caso você ainda esteja procurando uma solução:

HTML

<img src="images/image-equilibrium.jpg" alt="Equilibrium" class="pic">
  <div class="icon">
    <img src="images/icon-view.svg" alt="icon-view" class="icon-view">
  </div>

CSS

.pic {
   width: 300px;
   background: url('images/icon-view.svg') center center no-repeat;
   background-color: $Cyan-hover;
   background-size: cover;
   margin: auto;
   border-radius: 10px;
}
.icon {
   display: grid;
   justify-content: center;
   align-items: center;
   position: absolute;
   opacity: 0;
   background-color: $Cyan-hover;
   width: 300px;
   height: 300px;
   border-radius: 10px;
}
icon:hover {
   opacity: .5;
   cursor: pointer;
}

Só não esquece de mudar os nomes das classes pra corresponder ao seu projeto.

Espero que ajude!

Fora isso, seu projeto ficou excelente!