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