.game-info {
    flex-grow: 1;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    width: 100%;
}

.game-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}

hr {
    margin: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.game-details {
    font-size: 16px;
    background: rgba(34, 34, 34, 0.2);
    backdrop-filter: blur(25px);
    padding: 18px;
}

strong {
    font-size: 21px;
    color: #ce3636;
}

/* Media Queries for Responsive Design */
@media (max-width: 768px) { /* For tablets and small screens */
    .game-card {
        flex-direction: column; /* Stacks the content vertically */
        align-items: flex-start; /* Aligns content to the start */
    }

    .game-image {
        width: 100%;
        max-width: none; /* Removes max width restriction */
        margin-right: 0;
    }

    .game-title {
        font-size: 28px; /* Smaller font size for titles */
    }

    .game-details {
        font-size: 14px; /* Adjusts font size */
    }

    strong {
        font-size: 18px;
    }
}

@media (max-width: 480px) { /* For mobile phones */
    .game-title {
        font-size: 24px; /* Even smaller font size for smaller screens */
    }

    .game-details {
        padding: 12px; /* Reduced padding for smaller screens */
        font-size: 13px;
    }

    strong {
        font-size: 16px;
    }
}
a {
    text-decoration: none;
}