#mystery-3-container .mockup .characters {
	position: absolute;
	left: 63%;
	top: -5%;
	width: 32%;
}

#mystery-3-container .mockup .legend {
    position: absolute;
    left: 8%;
    top: 57%;
    width: 28%;
}

#mystery-3-container .mockup .reviews {
	position: absolute;
	left: 6%;
	top: 0%;
	width: 26%;
}

#mystery-3-container .mockup .synopsis {
	position: absolute;
	left: 66%;
	top: 69%;
	width: 21%;
}

#mystery-3-container .mockup .legend-tooltip {
    position: absolute;
    left: 29%;
    top: 58%;
    z-index: 2;
}


#mystery-3-container .synopsis .synopsis-legend {
    position: absolute;
    top: 0%;
    left: 52%;
    width: 28%;
}

#mystery-3-container .synopsis .synopsis-legend-tooltip {
    position: absolute;
    top: 19%;
    left: 68%;
    z-index: 2;
}

#mystery-3-container .synopsis .trailer-button-container {
	position: absolute;
    left: 52%;
    top: 34%;
    width: 18%;
}

/* MOBILE */
.mobile #mystery-3-container .surround-1-mobile {
    position: absolute;
    top: 5%;
    right: -10%;
    width: 40%;
}

.mobile #mystery-3-container .surround-2-mobile {
    position: absolute;
    top: -14%;
    left: -4%;
    width: 33%;
    transform: rotateZ(18deg);
}
/* END MOBILE */