.msb_teaser {
  display: inline-block;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden; }
  .msb_teaser .content {
    width: 100%;
    padding-top: 56%;
    position: relative;
    background-size: cover;
    background-position: center; }
  .msb_teaser .inner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: transform .5s;
    transform: translate3d(0, 100%, 0); }
  .msb_teaser .top, .msb_teaser .bottom {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    color: #fff; }
  .msb_teaser .top {
    transition: transform .5s;
    transform: translate3d(0, -100%, 0); }
  .msb_teaser .bottom {
    bottom: 0px;
    transform: translate3d(0, 0%, 0); }
  .msb_teaser:hover .inner {
    transform: translate3d(0, 0%, 0); }
  .msb_teaser:hover .top {
    transition: transform .5s;
    transform: translate3d(0, 0%, 0); }

/*# sourceMappingURL=teaser.css.map */