.ddt_image_swap_style2{overflow: hidden;position: relative;height: auto;transition: all .4s ease-in-out;}
.ddt_image_swap_style2 .ddt_front_image{position: relative;height: auto;width: 100%; height:100%;
transition: all .4s ease-in-out;max-width: 100%;}
.ddt_image_swap_style2 .ddt_front_image img{vertical-align: middle; }
.ddt_image_swap_style2 .ddt_back_image{position: absolute;top: -100%;left: 0;height: 100%;    background-size: contain;
background-repeat: no-repeat;width: 100%;transition: all .4s ease-in-out; vertical-align: middle;}
.ddt_image_swap_style2:hover{box-shadow: 0 30px 60px -30px rgba(0,0,0,.5);overflow: hidden;}
.ddt_image_swap_style2:hover .ddt_back_image{top: 0;}