.glry_main .container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem;
  justify-content: center;
  align-items: center;
}


.glry_main.sec .container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem;
  justify-content: center;
  align-items: center;
}





@media screen and (min-width:400px) {
  .glry_main .container {
    grid-template-columns: repeat(2, 1fr);
  }

  .glry_main.sec .container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width:800px) {
  .glry_main .container {
    grid-template-columns: repeat(3, 1fr);
  }

  .glry_main.sec .container {
    grid-template-columns: repeat(3, 1fr);
  }

}



@media screen and (min-width:1200px) {
  .glry_main .container {
    grid-template-columns: repeat(4, 1fr);
  }

  .glry_main.sec .container {
    grid-template-columns: repeat(3, 1fr);
  }
}



/* Card */
.glry_main .card {
  border: none;
  box-shadow: none;
  background-color: #cbc0a2;
}

/* Card Image */
.glry_main .card-image {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 70%;
  background: var(--color-white);
}

.glry_main .card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.glry_main.sec .card-image img {
  object-fit: cover;
}

/* Responsive */
@media only screen and (max-width: 600px) {
  .glry_main .container {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
}