.photo-stack-wrapper {
	position: relative;
	width: 100%;
	display: inline-block;
}

/* Layout 1 */
.photo-stack-wrapper.layout-1 .photo-stack-item {
	position: relative;
	display: inline-block;
	width: 65%;
	height: auto;
}

.photo-stack-wrapper.layout-1 .photo-stack-item:nth-child(1){
	top: 0;
	left: 0;
	float: left;
	z-index: 10;
}

.photo-stack-wrapper.layout-1 .photo-stack-item:nth-child(2){
	top: 30%;
	z-index: 9;
	right: 0;
	float: right;
	position: absolute;
}

.photo-stack-wrapper.layout-1 .photo-stack-item img {
	width: 100%;
	height: auto;
}

/* Layout 2 */
.photo-stack-wrapper.layout-2 .photo-stack-item {
	position: relative;
	display: inline-block;
	height: auto;
}

.photo-stack-wrapper.layout-2 .photo-stack-item:nth-child(1){
	width: 85%;
	float: left;
	top: 0;
	left: 0;
	z-index: 9;
}

.photo-stack-wrapper.layout-2 .photo-stack-item:nth-child(2){
	width: 65%;
	float: right;
	position: absolute;
	right: 0;
	bottom: -25%;
	z-index: 10;
}

.photo-stack-wrapper.layout-2 .photo-stack-item:nth-child(2) .photo-stack-image {
	padding-top: 56.25%;
}


.photo-stack-wrapper.layout-2 .photo-stack-image {
	position: relative;
	padding-top: 100%;
	z-index: 2;
}

.photo-stack-wrapper.layout-2 .photo-stack-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.photo-stack-wrapper.layout-2 .photo-stack-item svg:first-child {
	position: absolute;
	top: 0;
	right: -8%;
	margin-top: -25px;
	z-index: 3;
}

.photo-stack-wrapper.layout-2 .photo-stack-item svg:last-child {
	position: absolute;
	bottom: 0;
	left: -25px;
	margin-bottom: -25px;
	z-index: 3;
}