#canvas {
  height: 100%;
  width: 100%;
  cursor: default;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*margin: 0;*/
  /*padding: 0;*/
}
.toolBar, .changesConfirmation {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 10px;
  height: 35px;
  margin: 0;
  background-color: #3a3a3a;
}
.changesConfirmation {
  border-top: solid 1px #F1F1F1;
}
img {
  display: block;
  max-width: 100%;
}


#image-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.image {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}