.contact__inner {
    display: flex;
}

.contact__info {
    flex: 1;
    gap: 4rem;
    padding: 6rem 8rem;
}

.contact__form {
    width: 100%;
}

.contact__header {
    gap: 2rem;
}

.contact__text {
    color: var(--color-dark);
}

.contact__image {
    width: 49%;
    border-radius: 35rem 2rem 2rem 35rem;
    transition: 0.6s ease-out;
    opacity: 1;
    animation: unset;
    overflow: hidden;
    transition-delay: 0.5s;
}

.contact__image.animated {
    border-radius: 2rem;
}

@media screen and (max-width: 1024.9px) {
    .contact__inner {
        flex-direction: column-reverse;
        gap: 6rem;
    }

    .contact__image {
        width: 100%;
        max-width: 60rem;
        margin-inline: auto;
    }

    .contact__info {
        padding: 0;
        width: 60rem;
        max-width: 100%;
        margin-inline: auto;
    }
}

@media screen and (max-width: 575.9px) {
    .contact__header {
        align-items: center;
        text-align: center;
    }

    .contact__text br {
        display: none;
    }
}