All solutions

If someone can help me so that the "view" image (the eye of the image that appears when the cursor is positioned over the image) does not lose opacity when applying the hover to the image, I would greatly appreciate it.

<div class="container">
        <img src="images/image-equilibrium.jpg" alt="NFT" class="image" />
        <div class="overlay">
          <div class="text">
            <img src="images/icon-view.svg" alt="" />
          </div>
        </div>
</div>

I am open to feedback.

What I found most difficult was applying the responsive design, I didn't know how to organize the elements well to make them look good, I'm not sure of the solution to apply for this, so I would appreciate the feedback.

I leave my contribution to the QR challenge. Apply the picture tag, as one of you had told me in another challenge. I look forward to any feedback from you <3

Use the PerfectPixel tool to make it as similar as possible.

Hola, aporto el granito de arena, apenas estoy aprendiendo <3 estoy abierto a cualquier retroalimentacion.

No implemente el diseño deseado, ya que tambien me pedian este reto para entrar a un bootcamp, use los colores del bootcamp page :3 <3 <3

HTML CSS JS VANILLA FLEXBOX CSS GRID