.gallery {
	text-align: center;
}

.gallery .pics {
	display: inline-block;
	max-width: 24%;
	margin: 5px;
}

.gallery .pics img {
	border: none;
}

@supports (object-fit: cover) {
	.gallery {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	
	.gallery .pics {
		max-width: none;
	}
	
	.gallery .pics img {
		object-fit: cover;
	}

	@media (max-width: 480px) {
		.gallery {
			flex-direction: column;
		}
	}
}