.cards-container {
    break-inside: avoid;
}

.cards-container .card {
    display: inline-block;
    overflow: visible;
}

@media only screen and (max-width: 600px) {
    .cards-container {
        column-count: 1;
    }
}

@media only screen and (min-width: 601px) {
    .cards-container {
        column-count: 2;
    }
}

@media only screen and (min-width: 993px) {
    .cards-container {
        column-count: 3;
    }
}

.text-center {
    text-align: center;
}

#fgubox-logo,
#seloger-logo,
#areas-logo,
#nao-logo,
#sgcib-logo,
#total-logo,
#postlu-logo,
#connect-four-logo,
#tic-tac-toe-logo,
#dedal-logo,
#game-of-life-logo,
#xamarin-app-logo,
#online-teaching-logo,
#motherboard-logo,
#ecom-logo {
    background: white;
}

#sgcib-logo,
#areas-logo,
#nao-logo {
    min-width: min-content;
}