.office-tour-photo {
  background: #000;
  position: relative;
  overflow: hidden;
  margin-bottom: $line-height-computed;

  .img-responsive {
    opacity: 0.99999;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-transition: opacity 0.75s, -webkit-transform 0.5s;
    transition: opacity 0.75s, transform 0.5s;
  }

  &:hover {
    .img-responsive {
      opacity: 0.8;
      -webkit-transform: scale(1.1) translateZ(0);
      transform: scale(1.1) translateZ(0);
    }

    .office-tour-photo-caption {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }

  .office-tour-photo-caption {
    background: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    padding: 10px;
    color: #fff;

    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);

    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    :last-child {
      margin-bottom: 0;
    }
  }
}