body {
    margin: 0;
    background-color: #b35b33;
    font-family: Arial, sans-serif;
    overflow-x: hidden;
}
.marquee-container {
    overflow: hidden;
    width: 100%;
    padding: 20px 0;
}
.marquee-content {
    display: inline-flex;
    animation: marquee-left 25s linear infinite;
}
.marquee-content.reverse {
    animation: marquee-right 25s linear infinite;
}

.certificate-item {
    display: flex;                   /* safest for all browsers */
    align-items: center;
    white-space: nowrap;
    margin: 0 50px;                  /* spacing between items */
    min-width: max-content;          /* prevents overlap in Firefox */
    flex-shrink: 0;                  /* prevents compressing */
}

.certificate-text {
    display: inline-block;
    margin: 0;
    padding: 0;
	color: white;
    font-size: 35px;
    flex-shrink: 0;                  /* prevents text shrinking */
}

.certificate-image {
    width: 200px;
    height: auto;
    border-radius: 10px;

    margin-left: 20px;               /* stable spacing (gap is buggy) */
    flex-shrink: 0;                  /* prevents image compression */
}


.marquee-content:hover {
    animation-play-state: paused !important;
} /* Animations */
@keyframes marquee-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
@keyframes marquee-right {
    from {
        transform: translateX(-50%);
    }
    to {
        transform: translateX(0);
    }
}
@media (max-width: 767px) {
.certificate-item {
    margin: 0 20px;
	}
	.certificate-text {
    font-size: 1rem;                 /* prevents text shrinking */
}
	
    .certificate-image {
        width: 80px;
    }
    .marquee-content,
    .marquee-content.reverse {
        animation-duration: 20s;
    }
}