.slanted-images {
    display: flex;
    height:400px;
}

.slanted-images-image {
    color: #fff;
    text-decoration: none;
    background-color: #fff;
    flex-grow: 1;
    background-size: cover;
    background-position: center;
}

.slanted-images-image:first-of-type {
    margin-bottom: 4em;
    clip-path: polygon(80% 0%, 100% 100%, 0% 100%, 0% 0%);
    -webkit-clip-path: polygon(80% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.slanted-images-image:last-of-type {
    margin: 4em 0 0 -8%;
    clip-path: polygon(90% 0%, 120% 100%, 20% 100%, 0% 0%);
    -webkit-clip-path: polygon(90% 0%, 120% 100%, 20% 100%, 0% 0%);
}

body.dis-phone .slanted-images {
	flex-direction: column;
	height: 500px;
}

body.dis-phone .slanted-images-image:first-of-type, body.dis-phone .slanted-images-image:last-of-type {
	margin: 0;
	transition: all 1s ease;
}
body.dis-phone .slanted-images-image:last-of-type {
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 20% 100%, 0% 0%);
	clip-path: polygon(100% 0%, 100% 100%, 20% 100%, 0% 0%);
}