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