.main-container {
	width: 100%;
	height: 95%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-top: 5%;
}
.img-styles {
	width: 90%;
	max-width: 750px;
	margin: auto;
}
.slideFromTop {
	animation: 1.2s ease-out 0.0001s 1 slideFromTop;
}

.slideFromLeft {
	animation: 1.2s ease-out 0.0001s 1 slideFromLeft;
}

.slideFromRight {
	animation: 1.2s ease-out 0.0001s 1 slideFromRight;
}


@keyframes slideFromLeft {
	0% {
		transform: translateX(-100%);
	}
	40% {
		transform: translateX(10%);
	}
	60% {
		transform: translateX(-10%);
	}
	80% {
		transform: translateX(5%);
	}
	100% {
		transform: translateX(0);
	}
}

@keyframes slideFromRight {
	0% {
		transform: translateX(100%);
	}
	40% {
		transform: translateX(-10%);
	}
	60% {
		transform: translateX(10%);
	}
	80% {
		transform: translateX(-5%);
	}
	100% {
		transform: translateX(0);
	}
}

@keyframes slideFromTop {
	0% {
		transform: translateY(-100%);
	}
	40% {
		transform: translateY(100%);
	}
	60% {
		transform: translateY(-40%);
	}
	80% {
		transform: translateY(20%);
	}
	100% {
		transform: translateY(0);
	}
}