.glidy--gallery svg {
  width: 1em;
  height: 1em;
}

.glidy--gallery.grid {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}


/* Masonty Layout */
.glidy--gallery.masonry {
  columns: 3;
  column-gap: 30px;
  break-inside: avoid;
}

.glidy--gallery.masonry .item {
  margin-bottom: 30px;
}


/* Portrait Layout */
.glidy--gallery.portrait {
  gap: 20px;
  display: flex;
  overflow-x: auto;
}

.glidy--gallery.portrait .item {
  flex: 0 0 auto;
  width: 200px;
  height: 500px;
  border-radius: 8px;
  transition: all 0.3s;
}

.glidy--gallery.portrait .item:hover {
  width: 300px;
}

.glidy--gallery.portrait .item:nth-child(even) {
  margin-top: 20px;
}

.glidy--gallery.portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}