#img-box {
   display: none;
}

#img-box.active {
   background-color: rgba(0, 0, 0, 0.7);
   background-size: 75%;
   background-repeat: no-repeat;
   background-position: center;
   display: block;
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 2;
}

#img-box p {
   font-weight: 300;
   position: absolute;
   bottom: 0;
   color: white;
   width: 100%;
   text-align: center;
}