.visual-timeline{position:relative}.visual-timeline:after{content:"";display:block;top:0;left:140px;width:15px;background:var(--color-nbg-strawberry);height:100%;position:absolute;z-index:0}.timeline-entry{position:relative;margin:0 0 8vh 0;display:grid;grid-template-columns:300px 1fr;align-items:center}.timeline-entry h2{padding:2rem 2rem 1rem 2rem;z-index:1;transform:translateX(1rem);transition:1s .5s ease;opacity:0;visibility:hidden}.timeline-entry:first-child img{opacity:1;transform:scale(1);align-self:start}.timeline-entry:last-child img{align-self:end}.timeline-entry.timeline-active h2{opacity:1;visibility:visible;transform:translateX(0);transition:1s .5s ease}.timeline-entry img{border-radius:10px;max-width:100%;width:100%;border-radius:100%;height:auto;ratio:1/1;opacity:0;z-index:10;transform:scale(.7);transition:1s 0s ease;border:10px solid var(--color-nbg-strawberry)}.timeline-entry.timeline-active img{opacity:1;transform:scale(1);transition:1s 0s ease}.timeline-entry p{display:block;opacity:0;visibility:hidden;transform:translateX(1rem);transition:1s .7s ease;padding:0 2rem 2rem 2rem;align-self:center}.timeline-entry.timeline-active p{display:block;opacity:1;visibility:visible;transform:translateX(0);transition:1s .7s ease}.timeline{display:flex;align-items:center}.dots{display:flex;justify-content:space-between;width:100%}.dot{width:20px;height:20px;border:2px solid var(--color-nbg-berryred);border-radius:50%;background-color:#fff;transition:background-color 0.3s ease;cursor:pointer}.dot:hover{background-color:#f0f0f0}@media only screen and (max-width :1280px){.visual-timeline:after{left:70px}.timeline-entry{grid-template-columns:150px 1fr;align-items:center;margin-bottom:5vh}.timeline-entry img{max-width:300px;width:100%;height:auto;border-width:5px}.timeline-entry h2{left:0}.timeline-entry p{grid-column:span 2;padding:0 0 0 2rem}}