@media (min-width:769px){
    .mwo-overlay{
        align-items: center;
        background-color:#00000055;
        display: flex;
        height:100%;
        justify-content: center;
        opacity: 0.3;
        position:absolute;
        top:0px;
        width:100%;
        transition: opacity 1s;
    }
}

.mwo-overlay{
    align-items: center;
    display: flex;
    height:100%;
    justify-content: center;
    position:absolute;
    top:0px;
    width:100%;
    
}
.mwo{
	position: relative;
    margin-bottom: 20px;
    margin-top: 40px;
}
.mwo-overlay:hover{
	opacity:1;
}
.mwo-overlay,.mwo-overlay:hover{
    color: white;
    text-decoration: none;

}

.mwo span{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-weight:bold;
    text-shadow: 2px 2px 8px #000000;
    font-size: 22px;
}

@media (min-width:991px){
    .mwo{
        margin-right:20px;
        
    }
}