.gallery2 {
	overflow-x: hidden;
	display: flex;
	text-transform: lowercase;
	padding: calc(var(--index) * 4) 0;
}
.gallery2 > * {
	flex: 1;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.gallery-item2 {
	max-width: calc(var(--index) * 27);
	margin-bottom: calc(var(--index) * 10);
	max-height: 90vh;
	border-radius: 10px;
	width: 90%;
	object-fit: cover;
}
.gallery2 p {
	margin-top: 1rem;
    font-family: var(--font-family-text);
    font-size: calc(var(--index) * 0.7);
}

@media screen and (max-width: 1000px) {
	.gallery2 {
		flex-direction: column;
	}
}