.cordion{
  display:flex;
  width:100%;
  height:400px;
  overflow:hidden;
}
.cordion-item{
  flex:0 0 70px;
  position:relative;
  cursor:pointer;
  transition:flex 0.4s ease;
  overflow:hidden;
}
.cordion-item.active{
  flex:1;
}
.cordion-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.cordion-desc{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,.5);
  color:#fff;
  padding:10px;
}