.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

.currency-card {
width: 30vw;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-evenly; /* Adjusted to space-between */
    align-items: center;
}

.card-image {
    text-align: center;
    height: 100%;
}

.currency-card img {
    border-radius: 100%; /* Reduced border-radius for rounded rectangle effect */
    width: 8vw; /* Increased image size */
    height: 8vw; /* Increased image size */
}

.card-content {
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.card-content h2 {
    font-size: 2.5vw; /* Increased font size for currency name */
}

.buy-rate,.sell-rate,.abroad-rate {
    font-size: 2vw;
}

.card-content img {
    width: 5vw;
    height: 5vw;
}