/*thx chatgpt*/

/* container that holds all .image blocks */
.container {
	column-count: 6;       /* number of columns */
	column-gap: 1.5em;       /* space between columns */
	padding: 0.5em;
}

/* Each photo+caption block */
.image {
	display: inline-block;   /* required for columns */
	width: 100%;
	margin: 0 0 1em;
	break-inside: avoid;     /* keep block from breaking across columns */
	color: white;
	background-color: #555;
	padding: 4px 4px 4px 4px;
}

/* Images inside */
.image img {
	width: 100%;             /* scale image to column width */
	height: auto;
	display: block;
	margin-bottom: 0.5em;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
	.photos { column-count: 5; }
}
@media (max-width: 800px) {
	.photos { column-count: 4; }
}
@media (max-width: 500px) {
	.photos { column-count: 3; }
}