body {
  box-sizing: border-box;
  min-height: 100vh;
}

.container {
  margin: 2px;
  padding: 4px;
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
}

.container__image {
  border: .5px solid black;
  margin:5px;
  padding: 4px 4px 30px 4px;
  background: white;
  img {
    padding: 5px;
    height:300px;
    width:300px;
  }
}

.lightbox {
  display: none;
  position: fixed;
  top:0;
  left:0;
  min-width: 100%;
  min-height: 100%;
  background: black;
  z-index:8000;
}

.lightbox__button {
  text-align: right;
  a {
   margin: 10px;
   color: white;
   text-decoration: none;
   font-size:20px;
  }
}

.lightbox__img {
  display: none;
  position: fixed;
  top:15%;
  left:10%;
  width:80%;
  height:60%;
  padding:2px;
  z-index:8001;
  background-color:white;
  img {
    display:block;
  }
}