.dkt-product{
    overflow: hidden;
 }
 
 #container{
     overflow: hidden;
     width: auto;
     height: 100%;
     background-color: #f5f5f5;
 }
 
 article:first-of-type{
     background-color: #f5f5f5 !important;
 }
 
 .responsive {
     position: absolute;
     /* Pour centrer l'image */
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     /*--------------*/
     /* width: auto; */
     height: 100%;
     /* max-width: 300px; */
 }
 
 /* ------------- MOBILE ------------- */
  @media (min-width: 331px) and (max-width: 529px){
    .reponsive{
         height: auto;
     }
 }
 
 /* ------------- TABLETTE ----------- */
 @media (min-width: 530px) and (max-width: 800px){
     .responsive{
         /* width: 85%; */
         height: 100%;
     }
 }
 
 /* ------------- DESKTOP ------------ */
 @media (min-width: 1024px){
     .responsive{
         height: 100%;
     }
 }