.gal_container{
	width: 100%;
	margin: auto;
}
.gal_container h3{
	font-size:16px;
	padding-left: 20px;
}
.grid{
	margin: auto;
	padding: auto ;
	display: block;
	border: solid yellow 1px;
	grid-template-rows: auto;
	grid-template-columns: 1fr auto 1fr;
	justify-content: center;
	align-items: center;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid .grid-item img{
	width: 100%;
	height: auto;
	object-fit:contain;
	margin: auto;
  border-radius: 5px;
  border:3px solid white;
  pointer-events: none;
}

.grid-item { 
  width: 170px;
  padding: 3px 5px;
}
.grid-item--width2 { width: 320px; }
.grid-item--width3 { width: 480px; }
.grid-item--width4 { width: 640px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }

@media only screen and (max-width:600px){
	/*.grid-item { 
	  width: fit-content;
	  padding: 5px 0px;
	  margin: 0;
	  float: left;
		break-inside: avoid;
	}*/
}