.section-title {
	position: sticky;
	top: var(--height-menu);
	height: var(--height-title);
	background-color: var(--color-title-dark);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 500;
}

section,
.item a {
	text-align: center;
	color: var(--color-text-dark);
}

section:nth-child(odd) {
	background-color: var(--color-section-light);
}
section:nth-child(even) {
	background-color: var(--color-section-dark);
}

.container {
	padding: 2vw;
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr;
}

.item {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	padding: 1rem;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.item:hover {
	transform: scale(1.02);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.photo,
.page {
	width: 100%;
	height: 30vh;
	border-radius: 10px;
	margin-bottom: 1rem;
	background-size: cover;
	background-position: center;
}

.item1 .photo {
	background-image: url('../img/brush-96240_640.jpg');
}
.item2 .photo {
	background-image: url('../img/hot-air-balloon-2411851_640.jpg');
}
.item3 .photo {
	background-image: url('../img/background-4285956_640.jpg');
}

.item1:hover .photo {
	animation: anim-tablice 6s infinite;
}
.item2:hover .photo {
	animation: anim-fototapety 6s infinite;
}
.item3:hover .photo {
	animation: anim-naklejki 6s infinite;
}

@keyframes anim-tablice {
	0% {
		background-image: url('../img/brush-96240_640.jpg');
	}
	33% {
		background-image: url('../img/Wydruki-duzego-formatu-ploterem-UV.jpg');
	}
	66% {
		background-image: url('../img/chalk-4829602_640.jpg');
	}
	100% {
		background-image: url('../img/brush-96240_640.jpg');
	}
}

@keyframes anim-fototapety {
	0% {
		background-image: url('../img/hot-air-balloon-2411851_640.jpg');
	}
	33% {
		background-image: url('../img/balloons-1761634_640.jpg');
	}
	66% {
		background-image: url('../img/machine-585262_640.jpg');
	}
	100% {
		background-image: url('../img/hot-air-balloon-2411851_640.jpg');
	}
}

@keyframes anim-naklejki {
	0% {
		background-image: url('../img/background-4285956_640.jpg');
	}
	33% {
		background-image: url('../img/hd-wallpaper-6538890_640.jpg');
	}
	66% {
		background-image: url('../img/hd-wallpaper-2468874_640.jpg');
	}
	100% {
		background-image: url('../img/background-4285956_640.jpg');
	}
}
.page {
	height: 40vh;
}

.item h3 {
	margin-bottom: 0.5rem;
}

.item1 .page {
	background-image: url('../img/psychoterapia_1.jpg');
}
.item2 .page {
	background-image: url('../img/makebalance_1.jpg');
}
.item3 .page {
	background-image: url('../img/1-7group_1.jpg');
}

.item1:hover .page {
	animation: anim-psychoterapia 6s infinite;
}
.item2:hover .page {
	animation: anim-makebalance 6s infinite;
}
.item3:hover .page {
	animation: anim-1-7group 6s infinite;
}

@keyframes anim-psychoterapia {
	0% {
		background-image: url('../img/psychoterapia_1.jpg');
	}
	33% {
		background-image: url('../img/psychoterapia_2.jpg');
	}
	66% {
		background-image: url('../img/psychoterapia_3.jpg');
	}
	100% {
		background-image: url('../img/psychoterapia_1.jpg');
	}
}

@keyframes anim-makebalance {
	0% {
		background-image: url('../img/makebalance_1.jpg');
	}
	33% {
		background-image: url('../img/makebalance_2.jpg');
	}
	66% {
		background-image: url('../img/makebalance_3.jpg');
	}
	100% {
		background-image: url('../img/makebalance_1.jpg');
	}
}

@keyframes anim-1-7group {
	0% {
		background-image: url('../img/1-7group_1.jpg');
	}
	33% {
		background-image: url('../img/1-7group_2.jpg');
	}
	66% {
		background-image: url('../img/1-7group_3.jpg');
	}
	100% {
		background-image: url('../img/1-7group_1.jpg');
	}
}

@media (min-width: 700px) {
	.columns.two .container {
		grid-template-columns: repeat(2, 1fr);
	}
	.columns.three .container {
		grid-template-columns: repeat(2, 1fr);
	}
	.columns.four .container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1000px) {
	.columns.three .container {
		grid-template-columns: repeat(3, 1fr);
	}
	.columns.four .container {
		grid-template-columns: repeat(4, 1fr);
	}
}