.container {
  position: relative;
  text-align: center;
  color: white;
}

.bottomLeft {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.bottomRight {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.topLeft {
  position: absolute;
  top: 8px;
  left: 16px;
}

.topRight {
  position: absolute;
  top: 8px;
  right: 16px;
}

.topCenter {
  position: absolute;
  top: 8px;
  left: 50%;
}

.bottomCenter {
  position: absolute;
  bottom: 8px;
  left: 50%;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: green;
}

.bottomCenter,
.bottomLeft,
.bottomRight,
.center,
.topCenter,
.topLeft,
.topRight {
  background-color: green;
}