.bicycle-level-preview-img{position:relative;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.bicycle-level-preview-img span.bubble-span{
  background:#fff;
  box-shadow:0 3px 6px #D9D9D9;
  font-size: 14.5px;
  position:absolute;
  top:-20px;
  left:-25px;
  visibility:hidden;opacity:0;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  width:230px;
  border-radius:6px;
  z-index:50;
}
.bicycle-level-preview-img span.bubble-span img{max-width:100px}
.bicycle-level-preview-img span.bubble-span:before {
  content: '';
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #EEEEEE;
  position: absolute;
  top: 50px;
  left: -10px;
}

.bicycle-level-preview-img:hover span.bubble-span {
  left:calc(100% + 18px);
  visibility: visible;
  opacity: 1;
}

span.level-title{font-size:16px}
span.level-title span:nth-child(1){border-right:1px solid #C9C9C9}
span.level-title span:nth-child(2){}

@media screen and (max-width:991px){
  .bicycle-level-preview-img span.bubble-span{left:initial;right:0;top:0}
  .bicycle-level-preview-img:hover span.bubble-span{
    right:0;
    left:initial;
    top:calc(100% + 15px);
  } 

  .bicycle-level-preview-img span.bubble-span:before{
    top:-20px;left:initial;right:25px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #EEEEEE;
  }
}