.content {
  font-size: 14px;
  color: var(--body-font);
}

.inline {
  padding: 16px;
  position: relative;
  height: 400px;
  overflow: hidden;
  background-color: #f0f0f0;
  transition: all 0.5s;
}

.inline--left {
  transform: translateX(400px);
}
.inline--right {
  transform: translateX(-400px);
}
.inline--top {
  transform: translateY(378px);
}
.inline--bottom {
  transform: translateY(-378px);
}