//////////////////////////////////////////
// IMAGES
//////////////////////////////////////////

img.scale { 
	max-width: 100%; 
	height: auto; 
	margin: 0;
}

figure { 
	margin: 0; 
	position: relative;

	.scale { 
		position: absolute; 
		@include center(xy);
	} 
}

.b-lazy {
	@include transition(opacity 0.3s ease-in-out);
	max-width: 100%;
	height: auto;
	opacity: 0;

	&.b-loaded{
		opacity: 1;
	}

	&.b-error{
        background-color: #eee;
        opacity: 1;
    }

	figure &{
		position: absolute;
		@include center(xy);
	}
}