/* (A) GALLERY CONTAINER */
/* (A1) ON BIG SCREENS */
.gallery {
  display: grid;
  grid-template-columns: repeat(3, auto); /* 3 IMAGES PER ROW */
  grid-gap: 10px;
  //max-width: 1200px;
  max-width: 100%;
  margin: 0 auto; /* HORIZONTAL CENTER */
  
}


/* (B) THUMBNAILS */
.gallery img { 
  width: 100%; 
  height: 200px;
  cursor: pointer;
  /* FILL, CONTAIN, COVER, SCALE-DOWN : USE WHICHEVER YOU LIKE - original Cover */
  object-fit: scale-down;
}

/* original contain */
.gallery img:fullscreen {
	width: 50%; 
  height: 300px; 
object-fit: scale-down;
 bottom: 91px !important; 
}

/* (C) CAPTION */
.gallery figure { margin: 0; }
.gallery figcaption { 
  padding: 5px;
  background: #3e3e3e;
  color: yellow;
   
}
.gallery figcaption:fullscreen { 
  padding: 50px;
  background: white;
  color: yellow;
   
}



/* (X) DOES NOT MATTER */
body, html {
  padding: 0;
  margin: 0;
  
}