.display-container .img-holder {
    border-radius: 170px 170px 10px 10px;
    height: 450px;
}
.display-container .img-holder img {
    object-position: center 20%;
}
.display-container p {
    font-size: 12px;
}

#pretty-treat {
    margin: 0;
    padding: 20px;

    background-color: var(--pink-bg);
}
#pretty-treat .content a {
    display: flex;
    align-items: center;
    font-weight: 600;

    border-bottom: 1px solid var(--primary);
    width: fit-content;

    padding: 10px 0;
    margin-bottom: 40px;
}
#pretty-treat .content a:hover {
    color: var(--heading-accent);
}
#pretty-treat .content h2 {
    margin: 0;
}
#pretty-treat .content a svg {
    stroke-width: 40;
    stroke: var(--primary);
    margin-left: 10px;
}
#pretty-treat .content a:hover svg {
    stroke: var(--heading-accent);
}
#pretty-treat .img-holder {
    border-radius: 5px;
}
#pretty-treat .img-holder img {
    object-fit: cover;
}
#pretty-treat .img-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 300px;
    gap: 20px;
}
#pretty-treat .img-container .img-holder:first-child {
    margin-bottom: 20px;
}
#pretty-treat .img-container .img-holder:last-child {
    margin-top: 20px;
}

#steps-section {
    margin-top: 40px;
}
#steps-section .eyebrow {
    margin: 0;
    margin-top: 40px;
}
#steps-section h3 {
    margin: 20px 0;
}
#steps-section hr {
    background-color: var(--border);
    border: none;

    width: 100%;
    height: 1px;
}
#steps-section .purple-title {
    color: var(--text-muted);
    font-weight: 400;
    font-size: 16px;
}
#steps-section .title {
    font-family: "poppins", sans-serif;
    font-size: 20px;
    font-weight: 600;

    margin: 10px 0;
}
#steps-section #steps-container div:last-child {
    margin-bottom: 40px;
}

#celebration-mind {
    padding: 30px 20px;
    background-color: var(--pink-bg);

    border-radius: 10px;
}
#celebration-mind h2 {
    margin: 0;
}
#celebration-mind p {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    #about-eve-section {
        display: grid;
        grid-template-columns: 1fr 1fr;

        column-gap: 80px;

        margin-bottom: 80px;
    }
    #about-eve-section > *:first-child {
        order: 2;
    }
    #about-eve-section > *:last-child {
        order: 1;
    }

    .display-container {
        margin: auto 0;
    }
    .display-container .img-holder {
        border-radius: 200px 200px 10px 10px;
        height: 80vh;
    }
    .display-container p {
        text-align: center;
    }

    .header-holder {
        align-items: flex-start;
        padding: 0;
    }
    .header-holder h1,
    .header-holder p {
        text-align: start;
    }
    .header-holder .em-text {
        font-size: 18px;
    }

    #pretty-treat {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 70px clamp(20px, 8vw, 150px) 40px clamp(20px, 8vw, 150px);

        column-gap: 80px;
    }
    #pretty-treat .content h2 {
        font-size: 2.8rem;
        /* line-height: 2.8rem; */
    }
    #pretty-treat .img-container {
        display: flex;
        gap: 20px;
        height: 350px;
    }
    #pretty-treat .img-container .img-holder {
        width: 100%;
        height: calc(100% - 40px);
    }
    #pretty-treat .img-container .img-holder:first-child {
        margin-bottom: 40px;
    }
    #pretty-treat .img-container .img-holder:last-child {
        margin-top: 40px;
    }

    #steps-section {
        margin-bottom: 40px;
        margin-top: 50px;
    }
    #steps-section #steps-container {
        display: flex;
        flex-direction: row;
    }
    #steps-section hr {
        display: none;
    }

    #celebration-mind {
        display: flex;
        justify-content: space-between;
        align-items: center;

        padding: 40px;
    }
    #celebration-mind h2 {
        font-size: 2.8rem;
    }
    #celebration-mind a {
        height: fit-content;
    }
    #celebration-mind p {
        margin-bottom: 0;
    }
}