/*
	by JJRevillaL
	Basado en 
*/

.gallery-container {
   display: grid;
   /* grid-template-columns: repeat(3, 1fr); */
   /* grid-auto-rows: 150px; */
   padding: 20px;
   grid-gap: 10px;
}

.gallery__item {
   position: relative;
   
}

.gallery__img {
	border-radius: 5%;
   width: 100%;
	height: 100%;
   object-fit: cover;
}


.gallery__img2 {
	border-radius: 2%;
   width: 350px;
	height: 200px;
   margin-right: 10px;
   margin-bottom: 5px;
   object-fit: cover;
}

.gallery__img3 {
	border-radius: 2%;
   width: 250px;
	height: 350px;
   margin-right: 10px;
   margin-bottom: 5px;
   object-fit: cover;
}

.gallery__title {
   position: absolute;
   bottom: 0;
   color: white;
   background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.5)); 
   width: 100%;
   padding: 10px;
}

.gallery__item:nth-child(3) {
   grid-row-start: span 2;
}

/* tamaño tablet */
@media (min-width:520px){
   .gallery-container {
      grid-template-columns: repeat(3, 1fr);
   }
   .gallery__item:nth-child(3) {
      grid-row-start: span 2;
   }   
}

/* tamaño pc */
@media (min-width:1024px){
   .gallery-container {
      grid-template-columns: repeat(3, 1fr);
   }
   .gallery__item:nth-child(3) {
      grid-row-start: span 2;
   }   
}