Почему цвет второй карты не соответствует цвету других карт? ⇐ CSS

[Anonymous]

Я не могу найти причину, по которой вторая карта отображает другой цвет в средней части карты, чем во внешних частях. Остальные карты последовательно отображают один и тот же цвет по всей карте. Я хочу, чтобы цвет был hsl(0, 0%, 10%). Есть ли у кого-нибудь идеи, почему это происходит?


< pre class="snippet-code-css lang-css Prettyprint-override">

Код: Выделить всё

#projectsWrapper{
background-color: hsl(0, 0%, 15%);
width: 100vw;
height: 600px;
border-bottom: 4px solid hsl(0, 0%, 10%);
padding: 80px 0;
}
.projectsCont{
background-color: hsl(0, 0%, 10%);
width: 80%;
height: 500px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 80px;
border: none;
}
.container * {
padding: 0;
}
.container {
display: flex;
overflow-x: scroll;
padding: 24px;
scroll-snap-type: x mandatory;
scroll-padding-top: 24px;
background-color: hsl(0, 0%, 10%);
overflow-y: hidden;
height: 100%;
align-items: center;
}
.container .card {
flex: 0 0 80%;
scroll-snap-align: center;
margin-left: 90px;
}
.container .card3{
flex: 0 0 80%;
margin-left: 90px;
margin-right: 110px;
scroll-snap-align: center;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/788 ... ther-cards