* { box-sizing: border-box; }

body { font-family: sans-serif; }

.scene {
  border: 0px solid rgb(21, 20, 20);
  margin: 40px 0;
  position: relative;
  width: 530px;
  height: 150px;
  margin: 40px auto;
  perspective: 1000px;
}

.carousel {
  width: 100%; 
  height: 100%;
  position: absolute;
  transform: translateZ(-200px); 
  transform-style: preserve-3d;
  transition: transform 1s;
}

.carousel__cell {
  position: absolute;
  width: 500px;
  height: 147px;
  left: 10px;
  top: -2px;
  border: 3px solid black;
  line-height: 25px; 
  font-size: 24px;
  font-weight: bold;
  color: white;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow-y: auto;
  display: flex;
  word-break: break-all;
  text-shadow: 2px 2px 2px black;
}

.carousel__cell_stopped_top {
    text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

.carousel__cell_stopped_bottom {
    text-shadow: 0px 1px 0px #999, 0px -2px 0px #888, 0px -3px 0px #777, 0px -4px 0px #666, 0px -5px 0px #555, 0px -6px 0px #444, 0px -7px 0px #333, 0px -8px 7px #001135;
}