.info {
    display: flex;
    gap: 80px;
    > div {
        flex: 1 1 0px;
        &.text {
            display: flex;
            flex-direction: column;
            gap: 20px;
            justify-content: center;
            .headline {
                margin-bottom: 20px;
            }
            p {
                color: var(--white-70);
            }
        }
        &.image {
            position: relative;
            img {
                border-radius: 20px;
                box-shadow: 0 0 20px var(--white-20);
            }
        }
    }
}
@media screen and (max-width: 1279px) {
    .info {
        flex-direction: column;
        gap: 40px;
        &:nth-child(2n) {
            flex-direction: column-reverse;
        }
    }
}