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