body:not(.elementor-editor-active) {

	/*
	--------------------------------------
	containers
	--------------------------------------
	*/

	.scrolling-gallery {
		height: 100vh;
		overflow: hidden;
	}

	.scrolling-gallery__container {
		height: 100%;
		overflow: hidden;
	}

	.scrolling-gallery__grid {
		display: flex;
		gap: 1rem;
		padding: 1rem;
		position: relative;
	}

	.scrolling-gallery__column {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.scrolling-gallery__column:nth-child(1) {
		transform: translateY(0);
	}

	.scrolling-gallery__column:nth-child(2) {
		transform: translateY(120px);
	}

	.scrolling-gallery__column:nth-child(3) {
		transform: translateY(60px);
	}

	/*
	--------------------------------------
	images
	--------------------------------------
	*/

	.scrolling-gallery__image-item {
		margin-bottom: 1rem;
		position: relative;
	}

	.scrolling-gallery__image-item img {
		height: 390px;
	}

	#all-images {
		display: none;
	}

}

.scrolling-gallery__image-item img {
	width: 100%;
	display: block;
	border-radius: 8px;
	object-fit: cover;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/*
---------------------------------------------------------
pour que ça apparaisse sur Elementor
---------------------------------------------------------
*/

.elementor-editor-active {

	#all-images {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.scrolling-gallery__image-item img {
		height: 190px;
	}

}