.two-images {
    --gap: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 2rem;
    gap: var(--gap);
}
.one-image {
    --gap: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 2rem;
    gap: var(--gap);

}

.two-images img {
    height: 50%;
    max-height: calc((var(--single-panel-width) / 2) - (var(--gap) / 2));
    aspect-ratio: 1/1;
    margin: 0;
    padding: 0;
}
.one-image img {
    height: 50%;
    max-height: calc((var(--single-panel-width) / 2) - (var(--gap) / 2));
    aspect-ratio: 1/1;
    margin: 0;
    padding: 0;
}

p span {
    color: var(--color-light);
}

@keyframes slide {
    0%  { background-position: 0 0; }
    100%{ background-position: -1000px 0; }

}


.carousel-wrap {
    --img: 100px;
    display: flex;
    flex-direction: column;
    width: calc(100% + 4rem);
    overflow-x: hidden;
    margin: 0 -2rem 0rem -2rem;
}
.carousel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1px;
    margin-bottom: 2rem;
    height: var(--img);
    width: calc(var(--img)*10);
    overflow-x: hidden;
    background-image: url(../music/img/thumbs/AlbumCovers.jpg);
    background-size: 1000px 100px;
    background-repeat: repeat-x;
    background-position: 0px 0px;
    animation: slide 30s linear infinite;
    transition: background-position 1s ease-in-out;
}
/* .carousel .carousel-item {
    width: var(--img);
    aspect-ratio: 1/1;
    margin: 0;
    padding: 0;
}
.carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    padding: 0;
} */