.section {
 margin-top: 60px; 
 margin-bottom: 60px;
}

.image {
 width: 270px;
 height: 220px;
  background: grey;
  
  background-size: cover !important;
}

.image-container-left {
 float: left; 
  margin-top: 80px;
}

.image-container-right {
 float: left; 
}

.image {
	transition: opacity 2.0s ease-in;
}

.hide {
 display: none; 
    transition: all 1s ease-in-out;
}

.show {
 display: block; 
    transition: all 1s ease-in-out;
}

@media (max-width:1200px) {
  
  .image-container-left,
  .image-container-right {
    max-width:50%;
    float:left;
    width:50%;
    margin:0px;
  }
  
  .image-container-left {
    margin-top:50px;
  }

  .image-container-right {
    margin-top:85px; 
  }
  
  .image-container-left .image,
  .image-container-right .image{
    max-width:100%!important;
    height:220px!important;
  }
  
}

@media (max-width:980px) {
  .image-container-left .image, .image-container-right .image {
    height:180px!important;
  }
  
  
}


@media (max-width:767px) {
  .image-container-left, .image-container-right {
    width:auto;
  }
  
}


@media (max-width:479px) {
  .image-container-left .image, .image-container-right .image {
    height:140px;
  }
  
}