.presentationAvocat .white-background-container{ margin-top:0px; background:-o-linear-gradient( left,  transparent 0, transparent calc(50% - 550px),  white calc(50% - 550px), white 100% ); background:linear-gradient( to right,  transparent 0, transparent calc(50% - 550px),  white calc(50% - 550px), white 100% )}.card-container{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; width:125%; background-color:transparent; overflow:visible; position:relative;  left:0px; border:0px solid red}.photo-section{ -webkit-box-flex:1.15; -ms-flex:1.15; flex:1.15; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; overflow:hidden}.profile-photo{ width:100%; height:550px; -o-object-fit:cover; object-fit:cover; display:block}.text-section{ -webkit-box-flex:2; -ms-flex:2; flex:2; padding-right:40px; -webkit-box-sizing:border-box; box-sizing:border-box; color:#333}.presentationAvocat h2{ -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto}@media (max-width:1400px){ .card-container{ width:100%} .photo-section{ -webkit-box-flex:1.5; -ms-flex:1.5; flex:1.5}}@media (max-width:1100px){ .presentationAvocat .white-background-container{ padding:0em}}@media (max-width:900px){ .card-container{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; max-width:100%; border:0px solid green} .photo-section{ -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; max-width:400px} .profile-photo{ width:100%; height:auto; display:block} .text-section{ -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; padding:0px; padding-top:25px} .text-section h1{ font-size:1.8em}}