.layui-timeline {
  width: 50%;
  transform: translateX(100%);
  margin-top: 1vw;

}
.layui-timeline h3{
  color: var(--text-color);
}
.layui-timeline p{
  color: var(--text-color3);
}


.layui-timeline-axis {
  color: var(--myBlue);
}
.layui-timeline-item:nth-child(1) .layui-timeline-axis{
 font-size: 30px;
 position: absolute;
 left: -10px;

}

.layui-timeline-item:nth-child(even) h3 {
  left: -110% ;
  text-align: right;
}
.layui-timeline-item:nth-child(even) p {
  transform: translateX(-110%);
  text-align: right;
}
.layui-timeline-item:last-child h3 {
  left: 0% ;
  text-align: left;
}
.layui-timeline-item:last-child p {
  transform: translateX(0);
  text-align: left;
}