.images {
    display:block;
    justify-content:center;
    align-content:center;
    text-align:center;
    width: calc(100% + 16px);
  }

.images img{
  width:300px;
  height:225px;
  cursor:pointer;
}

#descriptor {
  text-align:center;
}



#lightbox {
  position:fixed;
  z-index: 1000;
  top:0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,.8);
  display: none;
}

#lightbox.active {
  display:flex;
  justify-content:center;
  align-items:center;
}

#lightbox img {
  max-width: 90%;
  max-height: 80%;
  padding: 4px;
  background-color: black;
  outline-style: ridge;
  outline-width: 8px;
  outline-offset: 0;
  outline-color: #ED64F5;
}