.travel-card {
    display: flex;
    position: relative;
    justify-content: space-between;
    padding: 1rem; /* 4 = 1rem */
    flex-basis: 66.666667%;
    background-size: cover;
    background-position: center;
    min-height: 280px;
}

/* Medium screens (768px and up) */
@media (min-width: 768px) {
    .travel-card {
        min-height: 320px;
    }
}

/* Large screens (1024px and up) */
@media (min-width: 1024px) {
    .travel-card {
        min-height: 350px;
    }
}

.travelItem .travelBadge {
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FDE100;
    height: 70px;
    width: 70px;
}