img {
    float: left;
    width: 25%;

	animation-duration: 0.7s;
	animation-timing-function: ease-out;
/*	animation-timing-function: cubic-bezier(.32,.54,.56,1); */
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-name: slideInFromAboveCrop;
    overflow: hidden;
}

/*#kuvavirta {
	position: relative;
	width: 100vw;
	left: calc(-50vw + 50%);
}*/

.crop {
    position: relative;
    float:left;
    border: solid 2px white;
    width: 25%;
    background-position: center center;
    background-size: cover;
	border-radius: 12px;
}
.crop:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.kuvavirta-hq a .crop {
    width: 100%;
    border-radius: 0;
}

#big-image-card {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 100vw;
	min-height: 100vh;
	border-radius: 20px;
	border: 1px #ccc;
}

#big-image {
	width: 100%;
}

@media all and (max-width: 30em) {
	.crop {
		width: 33%;
	}
}