Заметил, что для hyphens важно значение атрибута
manual - Переносы слов в тексте происходят в тех местах,
где добавлен ­ или <wbr>, если их нет, то переносы не делаются.
min-width: 530px;
max-width: 530px;
width: 530px;
margin: 0 10px;
.card-1 {
margin-left: 25px;
background-image: url("../images/card1.png");
background-size: cover;
width: 328px;
}
.card-2 {
background-image: url("../images/card2.jpg");
background-size: cover;
width: 330px;
}
.card-3 {
margin-left: -2px;
width: 328px;
background-image: url("../images/card3.jpg");
background-size: cover;
}