.container-2-get-ready {
    min-height: 100vh;
    justify-items: center;
    display: grid;
    padding: 0 5vw env(safe-area-inset-bottom) 5vw;
    grid-template-areas:
        "header-get-ready"
        "cart-get-ready"
        "cart-put-the-phone"
        "cart-click-inside"
        "content-button-info"
        "button-2-get-ready";
}

.header-get-ready {
    grid-area: header-get-ready;
}

.cart-get-ready {
    grid-area: cart-get-ready;
    text-align: right;
}

.cart-put-the-phone {
    grid-area: cart-put-the-phone;
    text-align: right;
    margin: 16px 0 0 0;
}

.cart-click-inside {
    grid-area: cart-click-inside;
    text-align: right;
}

.content-button-info {
    padding: 0 0 16px 0;
    grid-area: content-button-info;
    text-align: left;
    width: var(--content-width);
}

.button-2-get-ready {
    grid-area: button-2-get-ready;
    text-align: center;
}

.get-ready {
    background-image: url("../img/get-ready/get-ready/get-ready.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.put-the-phone {
    background-image: url("../img/get-ready/put-the-phone/put-the-phone.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.click-inside {
    background-image: url("../img/get-ready/click-inside/click-inside.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.cart-icon.get-ready { background-color: var(--prep-step1); }
.cart-get-ready .cart-container { background-color: var(--prep-step1-opacity); }
.cart-icon.put-the-phone { background-color: var(--prep-step2); }
.cart-put-the-phone .cart-container { background-color: var(--prep-step2-opacity); }
.cart-icon.click-inside { background-color: var(--prep-step3); }
.cart-click-inside .cart-container { background-color: var(--prep-step3-opacity); }
