JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#pop2">Pop-up Two</a>

<br /> <Br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<div id="pop2" class="pop-up">
  <div class="popBox">
    <div class="popScroll">
      <h2>Pop-up Two</h2>
     <div class="article-image"><img src="images/slow-moving-stock.png"></div>
				<div class="article-word">autem</div>
				<div class="article-def">Nam a justo vulputate, interdum quam nec, auctor turpis. Nulla dapibus, lectus a aliquet lacinia, turpis dui feugiat dolor</div>
				<div class="article-samp">Donec faucibus pulvinar magna, vel convallis ipsum interdum at.</div>
    </div>
    <a href="" class="close"><img src="images/close.png" width="20px" ></a>
  </div>
  <a href="#links" class="lightbox">Back to links</a>
</div>

CSS

.pop-up {position:absolute; top:0; left:-500em}
.pop-up:target {position:static; left:0;}
  
  
  .popBox {
  background-color: rgba(0, 0, 0, 0.7);
  position:absolute; left:30%; right:30%; top:30%; bottom:30%;
  z-index:1;
  opacity:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
:target .popBox {position:fixed; opacity:1;}

.popBox:hover {box-shadow:3px 3px 6px #5a5a5a;}
  
  
  
.lightbox {display:none; text-indent:-200em; background:#000; opacity:0.4; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0;}
:target .lightbox {display:block}
  
  
  
.close {
  position:absolute; top: 1em; right: 2em; display:block; width:1em; height:1em;
}
  
.popScroll {position:absolute; top:9%; left:3%; right:3%; bottom:9%; overflow-y:auto; *overflow-y:scroll; padding-right:0.5em}