Как сделать, чтобы при уменьшении размера экрана переносился текст?
Что за ад у вас в разметке? Зачем вы суёте .container внутрь .container-fluid, и тем более .container в .row? Зачем присваиваете класс .col-md-2 тегу img? 
1) Вся секция - это .about-project. Присваивать ей ещё и .container-fluid не имеет смысла. 
2) Нельзя использовать .container внутри .container-fluid. Выбирайте что-то одно.
3) .row всегда внутри .container. Размещать .container внутри .row нельзя.
Вот верный вариант вашей разметки:<section class="about-project">
    <div class="container">
        <div class="row">   
            <div class="about-project__img col-md-2">
                <img src="#" alt="О проекте">
            </div>            
            <div class="about-project__descr col-md-10">
                <h2 class="about-project__title">О проекте</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem illum maiores voluptates assumenda veritatis maxime nemo laborum, voluptatibus ea ipsa necessitatibus, architecto odio distinctio numquam ut, eaque consequatur quo! Debitis.. </p>  
            </div>
        </div>
    </div>
</section>
попробуйте поменять вложенность контейнера и роу<section class="about-project container-fluid">
	<div class="container">
		<div class="row">
			<img src="#" alt="О проекте" class="about-project__img col-md-2">
			<div class="about-project__descr col-md-10">
				<h2 class="about-project__title">О проекте</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem illum maiores voluptates assumenda veritatis maxime nemo laborum, voluptatibus ea ipsa necessitatibus, architecto odio distinctio numquam ut, eaque consequatur quo! Debitis.. </p>
			</div>
		</div>
	</div>
</section>