img {
	display: block;
	margin: 10px auto;
    border: 0;
	background-color: #F1F1FA;
}

.lazyImg-wrap {
	display: block;
    width: 400px;
    height: 300px;
	margin: 10px auto;
    border: 0;
	background-color: #F1F1FA;
}
img.show {
	opacity: 0;animation: img-show 1s ease forwards;
}
@keyframes img-show {to {opacity: 1}}

.lazyImg-wrap {
	display: flex;
    align-items: center;
    justify-content: center;
}
.lazyImg-loader {
	position:relative;
	width: 42px;
    height: 42px;
	border: 6px solid #333;
	border-radius: 50%;
	animation: loader-spin 1.5s ease infinite;
}
.lazyImg-loader::after {
	content: '';
    position: absolute;
	left: calc(50% - 6px);
    top: -7px;
	display: block;
    width: 12px;
    height: 12px;
	background-color: #F1F1FA;
}
@keyframes loader-spin {
    to {transform: rotate(359deg);}
}