:root {
	--col: min(320px, calc((100% - 32px) / 3));
	--gap: 16px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	display: flex;
	justify-content: center;
}

.gallery {
	display: flex;
	gap: var(--gap);
	width: calc(var(--col) * 3 + var(--gap) * 2);
	max-width: calc(100% - 24px);
	padding: 24px 0;
}

.column {
	width: var(--col);
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.column img {
	display: block;
	width: 100%;
	height: auto;
}