.card-container {
    Display: flex;
    Width: 100%;
    Max-width: 1200px;
    Margin: 20px auto;
    Background-color: #fff;
    Border-radius: 10px;
    Box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    Overflow: hidden;
}

.card-image {
    Flex: 1;
    Overflow: hidden;
}

.card-image img {
    Width: 100%;
    Height: 100%;
    Object-fit: cover;
    Transition: transform 0.3s ease;
}

.card-image img:hover {
    Transform: scale(1.1);
}

.card-content {
    Flex: 2;
    Padding: 20px;
    Display: flex;
    Flex-direction: column;
    Justify-content: center;
}

.card-title {
    Font-size: 24px;
    Margin-bottom: 10px;
}

.card-description {
    Font-size: 16px;
    Margin-bottom: 15px;
    Color: #666;
}

.card-ratings {
    Font-size: 20px;
    Color: #f39c12;
}