.free-formation {
    margin-block: 24px;
    background: var(--_bg-color);
    padding: 18px;

    @media (width <=768px) {
        margin-inline: -18px;
    }
    
    @media (width > 768px) {
        margin-block: 48px;
        border-radius: 16px;
        padding: 32px;
    }

    h2 {
        color: #0D1A22;
    }

    .cols {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 16px;
        
        @media (width > 768px) {
            gap: 32px;
            flex-direction: row;
        }
    }

    .text {
        flex: 1;

        p:last-child, ul:last-child, li:last-child {
            margin-bottom: 0;
        }
    }

    .photo {
        width: 100%;
        margin-bottom: 0;
        
        @media (width > 768px) {
            width: 40%;
        }
        
        img {
            border-radius: 16px;
            width: 100%;
            height: 230px;
            object-fit: cover;

            @media (width > 768px) {
                height: 100%;
            }
        }
    }
}