.banner-about {
  background: linear-gradient(75deg, #0064F0 0%, #00C8FA 108.33%);
  width: 100%;
  min-height: 389px;
  align-items: center;
  display: flex;
}

.content .box{
    padding: 0 30px 160px;
    border-left: 2px solid #B1C0CC;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}

.content .box.active{
    border-left: 2px solid var(--color-primary)
}

.content .box::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    right: calc(100% + -9px);
    background-color: #B1C0CC;
    border: 2px solid #fff;
}

.content .active.box::before{
    background-color: var(--color-primary);
}

.timeline img.main {
    position: sticky;
    top: 80px;
    object-fit: cover;
    -webkit-animation: MoveUpDown 2s linear infinite;
    animation: MoveUpDown 2s linear infinite;
    
}

.timeline .text {
    width: 70%;
    margin: 0 auto;
}
/* Animações */
@-webkit-keyframes MoveUpDown {
  0%,
  100% {
    top: 80px;
  }
  50% {
    top: 90px;
  }
}

@keyframes MoveUpDown {
  0%,
  100% {
    top: 80px;
  }
  50% {
    top: 90px;
  }
}