.polaroid {
	background-image: url("https://isle.heinz.cmu.edu/Summertime_lp_PolaroidFrame.png");
	background-size: 100% auto;
	transform: rotate(1.7deg);
	z-index: 10;
}

.polaroid-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.polaroid-image {
	position: absolute;
	left: 5.7%;
	top: 4.5%;
	width: 88.6%;
	height: 79%;
	box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	filter: sepia(80%);
	transition: filter 0.5s;
}

.polaroid-touched {
	filter: sepia(0);
}

.polaroid img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clickable-polaroid {
	filter: sepia(0);
	cursor: pointer;
}

.polaroid-pin {
	position: absolute;
	left: 40%;
	top: -18px;
	width: 64px;
	height: 64px;
	background-size: 100% 100%;
	background-image: url("https://isle.heinz.cmu.edu/Summertime_Pin-PNG-Picture.png");
}

.polaroid-stain {
	position: absolute;
	left: 60%;
	bottom: 3%;
	opacity: 0.5;
	width: 120px;
	height: 120px;
	background-image: url("https://isle.heinz.cmu.edu/Summertime_lp_kaffee3.png");
	background-size: 100% auto;
	z-index: 5;
	filter: saturate(20%);
	transform: rotate(20deg);
}