/* =========================================================== 
    2-img-flip
=========================================================== */

.tm-2-img-flip {
    position:relative;
}

.tm-2-img-flip .tm-img-1 {
    display:block;
    opacity:1;
    position:relative;
    top:auto;
    transition: opacity .5 ease;
}

.tm-2-img-flip .tm-img-2 {
    display: none;
}

@media (min-width: 500px) {

    .tm-2-img-flip .tm-img-2 {
        display: block;
        opacity:0;
        position:absolute;
        top:0;
        transition: opacity .5s;
    }

    .tm-2-img-flip:hover .tm-img-1 {
        opacity:0;
        position:absolute;
        top:0;
        transition: opacity .5s;
    }

    .tm-2-img-flip:hover .tm-img-2 {
        opacity:1;
        position:relative;
        top: auto;
        transition: opacity .5s;
    }
}