.task-suite {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.task {
  display: flex;
}

.image-wrapper {
  width: 100%;
  display: -webkit-flex; 
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
}

.image {
  width: 49%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.image_zoom {
  position: absolute;
  top: 0px; left: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  cursor: zoom-out;
  background:white;
}

.left {
  float: left;
}

.right {
  float: right;
}

.footter {
  display: inline-block;
  position: relative; 
  bottom: 0;
  width: 100%;
}
