@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .flip-container {
        perspective: none;
    }

    .flip-container:hover .flipper, .flip-container.hover .flipper {
        transform: none;
    }

    .flip-container, .front, .back {
        max-width: 200px;
        height: 248px;
    }

    .flip-container .flipper {
        transition: none;
        transform-style: initial;
        position: relative;
    }
    .flip-container .front, .flip-container .back {
        backface-visibility: inherit;
        position: absolute;
        top: 0;
        left: 0;
    }

    .flip-container .front {
        z-index: 2;
        transform: none;
    }

    .flip-container .back {
        transform: none;
        background: #009fe3;
    }

    .flip-container:hover .back {
        z-index: 11;
    }

    .flip-container .front img {
        width: 100%;
        height: 100%;
        display: block;
    }
}