#container > div {
  width: 466px;
  height: 288px;
  /* margin-top: 100px; */
  /* border: 1px solid yellow; */
  position: relative;
}

* {
  box-sizing: border-box;
}
.cycle,
.cycle > div > div {
  height: 38.2%;
  width: 100%;
}
.cycle > div,
.cycle > div > div > div {
  width: 38.2%;
  height: 100%;
}

button {
  margin: 10px;
  padding: 5px;
}

.cycle {
  position: absolute;
  top: 0;
}

.cycle > div {
  position: absolute;
  right: 0;
}

.cycle > div > div {
  position: absolute;
  bottom: 0;
}

.cycle > div > div > div {
  position: absolute;
  left: 0;
}