body {
    background: #f5f7fb;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Conteneur */
.logo-stack {
    position: relative;
    width: 480px;
    height: 300px;
}

/* Carte logo */
.logo-card {
    position: absolute;
    width: 240px;      /* plus grand */
    height: 160px;     /* plus grand */
    background: #ffffff;
    border-radius: 20px;
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.18),
        0 4px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s ease;
}

/* Image */
.logo-card img {
    max-width: 75%;
    max-height: 75%;
    object-fit: contain;
}

/* Positionnement avec plus d’espace */
.Dacia {
    top: 140px;
    left: 0;
    z-index: 1;
}

.AutoMeski {
    top: 0;
    left: 130px;
    z-index: 2;
}

.Renault {
    top: 140px;
    left: 260px;
    z-index: 3;
}

/* Hover élégant */
.logo-card:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow:
        0 22px 45px rgba(0, 0, 0, 0.28),
        0 8px 18px rgba(0, 0, 0, 0.15);
    z-index: 10;
}