.parallax {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
}
.parallax img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

/* Κείμενο */
.text1, .text2 {
    position: absolute;
    font-size: clamp(2em, 10vw, 6em);
    color: #f3f3f3;
    white-space: nowrap;
    opacity: 0;
}

/* Αρχικό Animation */
.text1 {
    left: 15%;
    animation: fadeInRight .7s ease-in-out .3s forwards;
}

.text2 {
    right: 15%;
    animation: fadeInLeft .7s ease-in-out .3s forwards;
}
@keyframes fadeInRight {
    from {
        left: -100%;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeInLeft {
    from {
        right: -100%;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.lady {
    opacity: 0;
    animation: fadeIn .5s ease-in-out .3s forwards;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media (max-width: 1440px) {
    .text1 {
        left: 0;
    }
    .text2 {
        right: 0;
    }
}
@media (max-width: 768px) {
    .text1, .text2 {
        font-size: clamp(1.5em, 8vw, 4em);
        text-align: center;
        width: 100%;
    }
    .text1 { left: 0; }
    .text2 { right: 0; }
}