/* 1) Le cadre du viewer ne doit pas dépasser l'écran */
.eap-project-viewer-frame-content{
  width: auto !important;
  max-width: 85vw !important;
  max-height: 85vh !important;
  margin: auto !important;
  overflow: hidden !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 2) Les wrappers internes doivent aussi être contraints */
.eap-project-detailed-media,
.eap-project-detailed-media-component,
.eap-picture-component,
.eap-picture-container{
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 3) L’image: jamais plus grande que le viewer */
.eap-project-viewer-frame-content img{
  max-width: 100% !important;
  max-height: 85vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}