.zoom-container {
  display: flex;
  flex-direction: column;
}

#cog {
  height: 100%;
}

.image-wrap {
  width:100%;
  height: 100%;
  max-width: 300px;
  margin: 50px auto;
}

.image-wrap .image {
  width: 100%;
  padding-top: calc(100% /(10/10));
  background-image: url('BS.jpg');
  background-size: 100%;
  background-position: center center;
  background-repeat:no-repeat;
  -webkit-transition: 1s;
}
  
.image-wrap .image:hover{
    cursor: pointer;
    background-size: 240%;
    -webkit-transition: 1s;
}

.image-wrap .image.no-vis:hover {
  background-size: 100% !important;
  background-position:center center !important;
  cursor: auto;
  transform: scale(2.6);
  cursor: pointer;
}

.zoom-container2 {
  display: flex;
  flex-direction: column;
}

#cog2 {
  height: 100%;
  margin: 60px auto;
}

.image-wrap2 {
  width:100%;
  height: 100%;
  max-width: 300px;
  margin: 30px auto;
}

.image-wrap2 .image2 {
  width: 100%;
  padding-top: calc(100% /(10/10));
  background-image: url('LM.jpg');
  background-size: 100%;
  background-position: center center;
  background-repeat:no-repeat;
  -webkit-transition: 1s;
}
  
.image-wrap2 .image2:hover{
    cursor: pointer;
    background-size: 240%;
    -webkit-transition: 1s;
}

.image-wrap2 .image2.no-vis:hover {
  background-size: 100% !important;
  background-position:center center !important;
  cursor: auto;
  transform: scale(2.4);
  cursor: pointer;
}