.item{
position: relative;
.top{
position: absolute;
right: 0;
left: 0;
top: 0;
}
.bottom{
position: absolute;
right: 0;
left: 0;
bottom: 0;
}
.center{
position: absolute;
right: 0;
left: 0;
top: 42%;
}
}
.item-overlay{
position: absolute;
right: 0;
left: 0;
display: none;
&.active,
.item:focus,
.item:hover & {
display: block;
}
&.w-full{
text-align: center;
top: 0;
bottom: 0;
}
}
.item-bg{
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.item-bg img{
position: absolute;
width: 110%;
left: 50%;
top: 50%;
margin-left: -55%;
margin-top: -55%;
}
.blur{
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
}
.blur-5{
opacity: 0.5;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
.opacity{
opacity: 0.5;
}
.opacity-3{
opacity: 0.3;
}