JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="ver"> Ver esta foto</a>
<div class="img">
   <img src="https://i1.wp.com/gamelogia.com.br/wp-content/uploads/2016/11/gamer.jpg?resize=1280%2C640&ssl=1" alt="teste" />
   <a href="#" class="fechar">Fechar</a>
</div>

CSS

.img{
   width:  700px;
  display: none;
  position: relative;
}

.img > img {
   max-width:100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: 6px solid #FFF;

}

.fechar{
  position: absolute;
  top:10px;
  right: 0;
  color: #FFF;
 text-decoration: none; 
}

JavaScript

$(".ver").on("click", function(){
    $(".img").show();
});

$(".fechar").on("click", function(){
    $(".img").hide();
});