.container {
    height: 400px;
    margin-bottom: 20px;
    display: flex; /* Enable horizontal&vertical div centering */
    justify-content: center; /* keep all divs horizontally centered */
    align-items: center; /* vertically center divs */
}

.one {
    width: 40%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera < 12.1 */
    animation: fadein 0.5s;
}

.two {
    font-size: 40px;
    color: #5aafc6;
    width: 60%;
    transform: translateX(0);
    -webkit-animation: fadein 3s, slideIn 1.6s ease-out; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3s, slideIn 1.6s ease-out; /* Firefox < 16 */
    -ms-animation: fadein 3s, slideIn 1.6s ease-out; /* Internet Explorer */
    -o-animation: fadein 3s, slideIn 1.6s ease-out; /* Opera < 12.1 */
    animation: fadein 3s, slideIn 1.6s ease-out;
}


/* Slide animation */
@keyframes slideIn {
	0% {
		transform: translateX(10%);
	}
	100% {
		transform: translateX(0);
	}
}


/* Fade animation */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}