* {
	box-sizing: border-box;
}

html,
body {
	height: 100%;
}

.content {
	height: 300px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content__img {
	max-width: 300px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

@media screen and (min-width: 50em) {
	body {
		overflow: hidden;
	}
	.content {
		height: 100vh;
		overflow: hidden;
	}
}
.h1 {

	left: 25%;
	top:15%;
	/* 669, 527*/
	width: 669px;
	height: 527px ;
	position: fixed;
	pointer-events: none;
}
.past {
    position: absolute;
    width: 109.62px;
    height: 57.78px;
    left: 30%;
    top: 2%;
    z-index: 5;
}
.past:hover {
    animation: spin 1s;
}
    @keyframes spin {
        from {transform:rotate(0deg);}
        to {transform:rotate(360deg);}
    }