.c-module-box{display:block;vertical-align:top;font-size:0;text-align:center;}
.c-module-box__inner{position:relative;display:inline-block;vertical-align:top;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.c-module-box__image{position:relative;z-index:2;display:inline-block;vertical-align:top;max-width:100%;height:auto;transition:opacity .3s ease-in-out;}
.c-module-box__image--back{position:absolute;z-index:1;left:0;top:0;}
.c-module-box--back-on-hover .c-module-box__image--back,
.c-module-box--front-on-hover .c-module-box__image--front{z-index:3;opacity:0;}
.c-module-box--back-on-hover:hover .c-module-box__image--back,
.c-module-box--front-on-hover:hover .c-module-box__image--front{opacity:1;}
@media (min-width: 768px) {
.c-module-box:hover .c-module-box__inner {
box-shadow: 0 0 0 3px #fff, 0 0 0 6px currentColor;
}
}