.irene,
.seulgi,
.wendy,
.joy,
.yeri {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 120px;

}

.irene,
.wendy,
.yeri {
    background-color: #000000;
    color: #EAEAEA;
    gap: 80px;
}

.seulgi,
.joy {
    background-color: #ffffff;
    color: #000000;
    gap: 50px;
    flex-direction: row-reverse;

}

.irene-img,
.wendy-img,
.yeri-img {
    width: 50%;
    display: flex;
    justify-content: right;
    perspective: 800px;
}

.seulgi-img,
.joy-img {
    width: 50%;
    justify-content: left;
    perspective: 800px;
}

.irene-img img,
.seulgi-img img,
.wendy-img img,
.joy-img img,
.yeri-img img {
    width: 70%;
    transition: transform 0.6s ease-in-out;
    transform-origin: center;
    backface-visibility: hidden;
}

.irene-img img:hover,
.seulgi-img img:hover,
.wendy-img img:hover,
.joy-img img:hover,
.yeri-img img:hover {
    transform: rotateY(360deg);
    cursor: pointer;
}

.irene-text,
.wendy-text,
.yeri-text {
    width: 50%;
}

.seulgi-text,
.joy-text {
    width: 50%;
    justify-content: right;
}

.irene-text h1,
.wendy-text h1,
.yeri-text h1 {
    font-size: 120px;
    font-weight: 550;
    letter-spacing: 2px;
    font-family: 'Perandory', sans-serif;
    color: #C40000;
    margin-bottom: -35px;

}

.seulgi-text h1,
.joy-text h1 {
    font-size: 120px;
    font-weight: 550;
    letter-spacing: 2px;
    font-family: 'Perandory', sans-serif;
    color: #000000;
    margin-bottom: -35px;
}

.irene-text h1:hover,
.seulgi-text h1:hover,
.wendy-text h1:hover,
.joy-text h1:hover,
.yeri-text h1:hover {
    opacity: 1;
    transform: translateY(-4.5px);
    /* Move up slightly */
    cursor: pointer;
}


.irene-text h5,
.seulgi-text h5,
.wendy-text h5,
.joy-text h5,
.yeri-text h5 {
    font-size: 18px;
    font-family: 'Red Hat Display', sans-serif;
    line-height: 2.2;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
    opacity: 0.8;
    transform: translateY(0);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

.irene-text h5:hover,
.seulgi-text h5:hover,
.wendy-text h5:hover,
.joy-text h5:hover,
.yeri-text h5:hover {
    opacity: 1;
    transform: translateY(-3px);
    cursor: pointer;
}


.button {
    display: inline-block;
    padding: 10px 80px;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 20px;
    text-decoration: none;
    border-radius: 25px;
    border: 2px solid #C40000;
    transition: all 0.2s ease;
}

.irene .button,
.wendy .button,
.yeri .button {
    color: #EAEAEA;
    background-color: transparent;
}

.seulgi .button,
.joy .button {
    color: #C40000;
    background-color: transparent;
}

.button:hover {
    background-color: #C40000;
    color: #EAEAEA;
}

@media screen and (max-width: 1200px) {

    .irene,
    .seulgi,
    .wendy,
    .joy,
    .yeri {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 120px;

    }

    .irene-img,
    .seulgi-img,
    .wendy-img,
    .joy-img,
    .yeri-img {
        width: 60%;
        justify-content: center;
    }

    .irene-img img,
    .seulgi-img img,
    .wendy-img img,
    .joy-img img,
    .yeri-img img {
        width: 80%;
    }

    .irene-text,
    .wendy-text,
    .yeri-text {
        width: 50%;
    }

    .seulgi-text,
    .joy-text {
        width: 50%;
        justify-content: right;
    }

    .irene-text h1,
    .wendy-text h1,
    .yeri-text h1 {
        font-size: 100px;
        font-weight: 550;
        letter-spacing: 2px;
        font-family: 'Perandory', sans-serif;
        color: #C40000;
        margin-bottom: -35px;
    }

    .seulgi-text h1,
    .joy-text h1 {
        font-size: 100px;
        font-weight: 550;
        letter-spacing: 2px;
        font-family: 'Perandory', sans-serif;
        color: #000000;
        margin-bottom: -35px;
    }

    .irene-text h5,
    .seulgi-text h5,
    .wendy-text h5,
    .joy-text h5,
    .yeri-text h5 {
        font-size: 16px;
        font-family: 'Red Hat Display', sans-serif;
        line-height: 2.2;
        font-weight: 500;
        letter-spacing: 0.2px;
        margin-bottom: 20px;
    }

    .button {
        display: inline-block;
        padding: 10px 80px;
        font-family: 'Red Hat Display', sans-serif;
        font-size: 18px;
        text-decoration: none;
        border-radius: 25px;
        border: 2px solid #C40000;
        transition: all 0.2s ease;
    }
}

@media screen and (max-width: 1050px) {

    .irene,
    .seulgi,
    .wendy,
    .joy,
    .yeri {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 120px;

    }

    .irene-img,
    .seulgi-img,
    .wendy-img,
    .joy-img,
    .yeri-img {
        width: 60%;
        justify-content: center;
    }

    .irene-img img,
    .seulgi-img img,
    .wendy-img img,
    .joy-img img,
    .yeri-img img {
        width: 100%;
    }

    .irene-text,
    .wendy-text,
    .yeri-text {
        width: 50%;
    }

    .seulgi-text,
    .joy-text {
        width: 50%;
        justify-content: right;
    }

    .irene-text h1,
    .wendy-text h1,
    .yeri-text h1 {
        font-size: 80px;
        font-weight: 550;
        letter-spacing: 2px;
        font-family: 'Perandory', sans-serif;
        color: #C40000;
        margin-bottom: -35px;
    }

    .seulgi-text h1,
    .joy-text h1 {
        font-size: 80px;
        font-weight: 550;
        letter-spacing: 2px;
        font-family: 'Perandory', sans-serif;
        color: #000000;
        margin-bottom: -35px;
    }

    .irene-text h5,
    .seulgi-text h5,
    .wendy-text h5,
    .joy-text h5,
    .yeri-text h5 {
        font-size: 14px;
        font-family: 'Red Hat Display', sans-serif;
        line-height: 2.2;
        font-weight: 500;
        letter-spacing: 0.2px;
        margin-bottom: 20px;
    }


    .button {
        display: inline-block;
        padding: 10px 80px;
        font-family: 'Red Hat Display', sans-serif;
        font-size: 14px;
        text-decoration: none;
        border-radius: 25px;
        border: 2px solid #C40000;
        transition: all 0.2s ease;
    }
}

@media screen and (max-width: 888px) {

    .irene,
    .seulgi,
    .wendy,
    .joy,
    .yeri {
        flex-direction: column;
        align-items: center;
        padding: 50px;
    }

    .irene-img,
    .wendy-img,
    .yeri-img {
        width: 50%;
        justify-content: center;
        margin-bottom: -90px;
        transition: transform 0.3s ease-in-out;
        transform-origin: center;
    }

    .seulgi-img,
    .joy-img {
        width: 50%;
        justify-content: center;
        margin-bottom: -90px;
        transition: transform 0.3s ease-in-out;
        transform-origin: center;
    }

    .irene-img img,
    .seulgi-img img,
    .wendy-img img,
    .joy-img img,
    .yeri-img img {
        width: 100%;
        transition: transform 0.3s ease-in-out;
        transform-origin: center;
    }

    .irene-text,
    .seulgi-text,
    .wendy-text,
    .joy-text,
    .yeri-text {
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }

    .irene-text h1,
    .wendy-text h1,
    .yeri-text h1 {
        font-size: 70px;
        margin-bottom: -10px;
    }

    .joy-text h1,
    .seulgi-text h1 {
        font-size: 70px;
        margin-top: 70px;
    }

    .irene-text h5,
    .wendy-text h5,
    .yeri-text h5 {
        font-size: 16px;
        line-height: 1.8;
    }

    .joy-text h5,
    .seulgi-text h5 {
        font-size: 16px;
        margin-top: 45px;
    }

    .button {
        display: inline-block;
        padding: 10px 90px;
        font-family: 'Red Hat Display', sans-serif;
        font-size: 14px;
        text-decoration: none;
        border-radius: 25px;
        border: 2px solid #C40000;
        transition: all 0.2s ease;
    }
}

@media screen and (max-width: 768px) {

    .irene,
    .seulgi,
    .wendy,
    .joy,
    .yeri {
        flex-direction: column;
        align-items: center;
        padding: 50px;
    }

    .irene-img,
    .seulgi-img,
    .wendy-img,
    .joy-img,
    .yeri-img {
        width: 70%;
        justify-content: center;
        margin-bottom: -90px;

    }

    .irene-img img,
    .seulgi-img img,
    .wendy-img img,
    .joy-img img,
    .yeri-img img {
        width: 100%;
    }

    .irene-text,
    .seulgi-text,
    .wendy-text,
    .joy-text,
    .yeri-text {
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }

    .irene-text h1,
    .wendy-text h1,
    .yeri-text h1 {
        font-size: 70px;
        margin-bottom: -10px;
    }

    .joy-text h1,
    .seulgi-text h1 {
        font-size: 70px;
        margin-top: 70px;
    }

    .irene-text h5,
    .wendy-text h5,
    .yeri-text h5 {
        font-size: 16px;
        line-height: 1.8;
    }

    .joy-text h5,
    .seulgi-text h5 {
        font-size: 16px;
        margin-top: 45px;
    }

    .button {
        display: inline-block;
        padding: 10px 90px;
        font-family: 'Red Hat Display', sans-serif;
        font-size: 14px;
        text-decoration: none;
        border-radius: 25px;
        border: 2px solid #C40000;
        transition: all 0.2s ease;
    }
}

@media screen and (max-width: 375px) {

    .irene,
    .seulgi,
    .wendy,
    .joy,
    .yeri {
        flex-direction: column;
        align-items: center;
        padding: 50px;
    }

    .irene-img,
    .seulgi-img,
    .wendy-img,
    .joy-img,
    .yeri-img {
        width: 70%;
        justify-content: center;
        margin-bottom: -90px;

    }

    .irene-img img,
    .seulgi-img img,
    .wendy-img img,
    .joy-img img,
    .yeri-img img {
        width: 100%;
    }

    .irene-text,
    .seulgi-text,
    .wendy-text,
    .joy-text,
    .yeri-text {
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }

    .irene-text h1,
    .wendy-text h1,
    .yeri-text h1 {
        font-size: 70px;
        margin-bottom: -10px;
    }

    .joy-text h1,
    .seulgi-text h1 {
        font-size: 70px;
        margin-top: 70px;
    }

    .irene-text h5,
    .wendy-text h5,
    .yeri-text h5 {
        font-size: 16px;
    }

    .joy-text h5,
    .seulgi-text h5 {
        font-size: 16px;
        margin-top: 45px;
    }

    .button {
        display: inline-block;
        padding: 10px 90px;
        font-family: 'Red Hat Display', sans-serif;
        font-size: 14px;
        text-decoration: none;
        border-radius: 25px;
        border: 2px solid #C40000;
        transition: all 0.2s ease;
    }
}