.bratonien-picture-zones {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}

.bratonien-picture-zone {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
}

.bratonien-picture-zone.is-active {
  opacity: 1;
}

#theImageAndInfos img[src*="plugins/bratonien_tools/webdav-derivative.php"]:not(#theMainImage):not(.bratonien-webdav-thumbnail-ready),
#theImageAndInfos img.bratonien-webdav-thumbnail-pending {
  visibility: hidden;
}

#theImageAndInfos img.bratonien-webdav-thumbnail-ready {
  visibility: visible;
}