.chandelier {
    background-color: #0001;
}

.chandelier > div:first-child {
    position: relative;
    z-index: -2;

    img {
        position: absolute;
        top: 0;
        opacity: 0;
        transform: translateY(-200px);
        transition: opacity 2s ease, transform 2s ease;
    }

    img.show {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile & Tablet */
@media (max-width: 799.999px) {
    .chandelier > div:first-child {
        display: none;
    }

    .chandelier > div:last-child {
        padding: 20px;
        background-color: #0001;
        text-align: center;
    }
}

/* Tablet & Desktop */
@media (min-width: 800px) and (max-width: 1799.999px) {
    .chandelier > div:first-child {
        img {
            right: 20px;
        }
    }
}

@media (min-width: 800px) and (max-width: 1219.999px) {
    .chandelier > div:last-child {
        padding: 40px 340px 40px 40px;
    }
}

@media (min-width: 1220px) {
    .chandelier > div:last-child {
        margin: 0 auto;
        max-width: 680px;
        text-align: center;
        padding: 40px;
    }
}

@media (min-width: 1800px) {
    .chandelier > div:first-child {
        img {
            right: 10%;
        }
    }
}