section.main-gallery {
    padding-top: 35px;
}
.grid {
  display: grid;
  grid-gap: 25px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 150px;
  grid-auto-flow: row dense;
}
.item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  background: #0c9a9a;
  color: #fff;
  grid-column-start: auto;
  grid-row-start: auto;
  color: #fff;
  background: url("https://varietea.in/wp-content/uploads/2025/09/gallery2.jpg");
  background-size: cover;
  background-position: center;
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.4);
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
  counter-increment: item-counter;
}
.item:nth-of-type(2n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery1.jpg");
}
.item:nth-of-type(3n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery13.jpg");
}
.item:nth-of-type(4n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery5.jpg");
}
.item:nth-of-type(5n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery4.jpg");
}
.item:nth-of-type(6n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery18.jpg");
}
.item:nth-of-type(7n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery7.jpg");
}
.item:nth-of-type(8n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery8.jpg");
}
.item:nth-of-type(9n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery9.jpg");
}
.item:nth-of-type(10n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery10.jpg");
}
.item:nth-of-type(11n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery11.jpg");
}
.item:nth-of-type(12n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery12.jpg");
}
.item:nth-of-type(13n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery3.jpg");
}
.item:nth-of-type(14n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery14.jpg");
}
.item:nth-of-type(15n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery15.jpg");
}
.item:nth-of-type(16n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery16.jpg");
}
.item:nth-of-type(17n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery17.jpg");
}
.item:nth-of-type(18n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery6.jpg");
}
.item:nth-of-type(19n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery19.jpg");
}
.item:nth-of-type(20n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery20.jpg");
}
.item:nth-of-type(21n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery21.jpg");
}
.item:nth-of-type(22n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery22.jpg");
}
.item:nth-of-type(23n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery23.jpg");
}
.item:nth-of-type(24n) {
  background-image: url("https://varietea.in/wp-content/uploads/2025/09/gallery24.jpg");
}
.item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in-out;
}
.item:hover {
  transform: scale(1.05);
}
.item:hover:after {
  opacity: 0;
}
.item--medium {
  grid-row-end: span 2;
}
.item--large {
  grid-row-end: span 3;
}
.item--full {
  grid-column-end: auto;
}
@media screen and (min-width: 768px) {
  .item--full {
    grid-column: 1/-1;
    grid-row-end: span 2;
  }
}
.item__details {
  position: relative;
  z-index: 1;
  padding: 15px;
  color: #444;
  background: #fff;
  text-transform: lowercase;
  letter-spacing: 1px;
  color: #828282;
}
.item__details:before {
  content: counter(item-counter);
  font-weight: bold;
  font-size: 1.1rem;
  padding-right: 0.5em;
  color: #444;
}