Background image transition is not working on mozilla

Question

Background image transition is not working on mozilla
it is working fine on chrome

    .mobile_view {
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.and_bg {
    background-image: url("../img/app_bg3.png");
    background-repeat: no-repeat;
    height: 575px;
    width: 286px; 
}
.ios_bg {
    background-image: url("../img/app_bg2.png");
    background-repeat: no-repeat;
    height: 575px;
    width: 286px; 
}