<div class="hover flip_panel" style="height:600px !important;"><div class="front" style="height:600px !important;"> <div class="flip_box_front" style="background:url('https://academiedelaveau.fr/wp-content/uploads/2018/09/portrait_hm1-1-e1536826138562-782x1024.jpg'); background-position:top; min-height: 600px !important;"><h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p></div></div> <div class="back"> <div class="flip_box_back" style="height:600px !important;"> <h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><div class="flip_button"><a href="#">Learn More!</a></div></div> </div></div>

<style><!-- [et_pb_line_break_holder] -->/*********************************************************************<!-- [et_pb_line_break_holder] -->**************** FLIP CARD BACKGROUND IMAGE ********************<!-- [et_pb_line_break_holder] -->*********************************************************************/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_panel {<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> height: 300px;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> transform-style: preserve-3d;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_panel .front, .flip_panel .back {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_panel .front {<!-- [et_pb_line_break_holder] --> height: inherit;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> z-index: 99;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -webkit-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -moz-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -webkit-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -moz-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_panel .back {<!-- [et_pb_line_break_holder] --> height: inherit;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> z-index: 1000;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateY(-180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateY(-180deg);<!-- [et_pb_line_break_holder] --> -webkit-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -moz-transform-style: preserve-3d;<!-- [et_pb_line_break_holder] --> -webkit-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -moz-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all .55s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_panel.flip .front {<!-- [et_pb_line_break_holder] --> z-index: 99;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateY(180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateY(180deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_panel.flip .back {<!-- [et_pb_line_break_holder] --> z-index: 100;<!-- [et_pb_line_break_holder] --> -webkit-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] --> -moz-transform: rotateX(0deg) rotateY(0deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_box_front {<!-- [et_pb_line_break_holder] --> -moz-background-size: cover;<!-- [et_pb_line_break_holder] --> -webkit-background-size: cover;<!-- [et_pb_line_break_holder] --> background-size: cover;<!-- [et_pb_line_break_holder] --> background-position: center;<!-- [et_pb_line_break_holder] --> background-repeat: no-repeat;<!-- [et_pb_line_break_holder] --> background: linear-gradient(<!-- [et_pb_line_break_holder] --> rgba(0, 0, 0, 0.6),<!-- [et_pb_line_break_holder] --> rgba(0, 0, 0, 0.6)<!-- [et_pb_line_break_holder] --> ),<!-- [et_pb_line_break_holder] --> url('https://www.needyesterday.com//divi-lab/wp-content/uploads/sites/6/2016/04/marketing.jpg');<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> min-height: 300px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> padding: 25px 15px;<!-- [et_pb_line_break_holder] --> -webkit-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->-moz-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_box_back {<!-- [et_pb_line_break_holder] --> background-color: #fafafa;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> min-height: 300px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> padding: 35px 15px 20px 15px;<!-- [et_pb_line_break_holder] --> -webkit-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->-moz-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_button {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> margin: 5% auto 0;<!-- [et_pb_line_break_holder] --> padding: .5em 1.2em;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> background: #598edb;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_button a {<!-- [et_pb_line_break_holder] --> color: #fff ;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_box_front .flip_title {<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> margin: 15% auto 0 auto;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> line-height: 1em;<!-- [et_pb_line_break_holder] --> font-size: 1.55em ;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_title {<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> line-height: 1em;<!-- [et_pb_line_break_holder] --> font-size: 1.15em ;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flip_box_front .text_flip_card {<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.text_flip_card {<!-- [et_pb_line_break_holder] --> padding: 0 7%;<!-- [et_pb_line_break_holder] -->}</style>