body {
	width: 100%;
}

*::-webkit-scrollbar {
  display: none;
}

* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.photos {
  --gap: .3em;
  --columns: 4;
  --iw: calc(100vw / var(--columns) - var(--gap) / 2);
  display: column;
  columns: var(--columns);
  gap: var(--gap);
}

.photos > * {
  break-inside: avoid;
  margin-bottom: var(--gap);
}

@supports (grid-template-rows: masonry) {
  .photos {
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-template-rows: masonry;
    grid-auto-flow: dense;
    /* align-tracks: stretch; */
  }

  .photos > * {
    margin-bottom: 0em;
  }
}

img {
	width: var(--iw);
	height: calc(var(--iw) / 1.5);
}

.v img {
	height: calc(var(--iw) * 1.5);
}

.h img {
	height: calc(var(--iw) / 1.5);
}

@media screen and (max-width: 1400px){
	.photos {
		--columns: 3;
	}
}

@media screen and (max-width: 980px) {
	.photos {
		--columns: 2;
	}
}

@media screen and (max-width: 500px) {
	.photos {
  		--columns: 1;
	}
}