.photo{
	width: 300px;
	margin: 30px;
}
img{
	width: 100%;		
}
img:hover{
	animation-name: heart;
	animation-duration: 3s;
	animation-iteration-count: infinite;
    animation-direction: alternate;
}
.text{
	background-color: rgb(247, 105, 105);
	width: 300px;
	padding: 30px;
    margin: 30px;
	animation: textblockanim 5s infinite alternate	
}
h1{
	font-family: cursive;
	font-style: italic;
	animation: textanim 5s infinite alternate
}

@keyframes heart{
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.3);
	}
} 
@keyframes textanim{
	from{
		font-size: 50%;
	}
	40%{
		color: lavender;
	}
	to{
		font-size: 180%;
	}
}
@keyframes textblockanim {
	0%{
		opacity: 0.1;
		background-color: antiquewhite;
		border-radius: 3 пікселі;
	}
	40%{
		background-color: black;
	}
	70%{
		background-color: lightpink
	}
	100%{
		background-color: red;
		opacity: 1;
		border-radius: 100px;
	}
}