.custom-horizontal-timeline {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    margin: 40px auto;
    position: relative;
}

.timeline-entry {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateX(100px);
    max-width: 230px;
    transition: opacity 1s ease var(--delay), transform 1s ease var(--delay);
}
.timeline-entry.visible {
    opacity: 1;
    transform: translateX(0);
}

/*.timeline-entry:nth-child(1) { animation-delay: 0.3s; }
.timeline-line:nth-of-type(2) { animation-delay: 0.6s; }
.timeline-entry:nth-child(3) { animation-delay: 0.9s; }
.timeline-line:nth-of-type(4) { animation-delay: 1.2s; }
.timeline-entry:nth-child(5) { animation-delay: 1.5s; }
.timeline-line:nth-of-type(6) { animation-delay: 1.8s; }
.timeline-entry:nth-child(7) { animation-delay: 2.1s; }

@keyframes slideIn {
    to {
        opacity: 1;
		transform: translateX(0);
	}
}*/

.timeline-line {
    width: 50px;
    margin: 0 10px;
    opacity: 0;
    transform: translateX(100px);
    position: relative;
    bottom: 110px;
    display: flex;
    justify-content: center;
    transition: opacity 1s ease var(--delay), transform 1s ease var(--delay);
}
.timeline-line.visible {
    opacity: 1;
    transform: translateX(0);
}

.timeline-entry img {
    width: 30px;
    height: auto;
}

.timeline-line img{
	max-width: 500%!important;
}

.timeline-text {
    margin-top: 10px;
	font-family: "Instrument Sans", sans-serif;
    font-size: 18px;
    color: #282826;
    text-align: center;
	height: 210px;
}

@media (max-width: 1000px){
	.timeline-entry {
	max-width: 150px;
}
	.timeline-line img{
	max-width: 200%!important;
}
}