Banner padrão

layout.scss

.metaslider {
	.ms-image {
		background-position : center center !important;
		background-size     : cover !important;
		height              : 500px;
	}
}

main.js

$( '.home .metaslider img' ).each(function(){
	var src = $(this).attr( 'src' );
	$(this).parents( 'li' ).css( 'background-image', 'url('+src+')' );
	$(this).remove();
});