@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

#container {
  position: relative;
  height: 75vh;
  max-height: 25vw;
  aspect-ratio: 3 / 1;
  border-radius: 10px;
  background-image: linear-gradient(90deg, #feda84 33.33%, #ff9b83 33.33%, #ff9b83 66.67%, #976393 66.67%)
}

#block {
  position: absolute;
  top: 25%;
  height: 50%;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  background-color: #43457f;
  transition: left 0.3s ease;
}

.column-1 {
  left: 5%;
}

.column-2 {
    left: 40%;
}

.column-3 {
    left: 80%;
}

.readouts {
  display: flex;
  flex-direction: column;
  min-width: 180px;
}