.carousel{
  background-color: #dbd8d2;
  width: 600px;
  margin: auto;
  height: auto;
}
.carousel img{
  display: block;
  width: 100%;
  width: 600px;
  height: auto;
}
.carousel-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

@media all and (max-width:768px) {
  .carousel{
    background-color: #dbd8d2;
    width: 300px;
    margin: auto;
    height: auto;
  }
  .carousel img{
    display: block;
    width: 100%;
    width: 300px;
    height: auto;
  }
  .carousel-cell {
    width: 66%;
    height: 200px;
    margin-right: 10px;
    background: #8C8;
    border-radius: 5px;
    counter-increment: carousel-cell;
  }
};