Дмитрий

https://habr.com/ru/sandbox/113454/ итд итп

Белорусский дизайн) Верстать гридами и вкладывать друг в друга или с позиционированием плясать.

Flex-shrink
и
Ограничить длину текста до n строк с помощью CSS,
если я до конца понял, в чем суть вопроса.

1. 3 родителя div, и CSS Background
2. 1 родитель и три дочки, с подвязкой псведоэлементов before & after
3. Фон без текста вырежать, через CSS Background ставь 1 родителю, дальше 3-х дочек по флексу выровнять (можно даже float тут использовать, по-старинке).

Можно классически "зафлотить" все, можно гридами разложить, как фанатазия или ТЗ подсказывает.

Открываем оглавление топовых книг, типо "Большая книга CSS", дальше глядим на свой багаж знаний и сверяем наличие в книге и у вас информации, если нутро рвется в бой против сомнений, проходим сертификацию, но не ради сертификатиков, а ради фактического обнаружения пробелов в познании технологий.

sertificat.templatemonster.ru
https://certification.mail.ru/
www.w3schools.com
https://www.freecodecamp.org/
https://geekbrains.ru/

Если флексы и гриды не используются в проекте, то разумным будет отступы в самой картинке сделать, подогнав под размер соседей, путем изменения размера холста (да даже в "деревянном" ms paint'e подобное провернуть не трудно), а после перезалить на место донора, с аналогичным именем.
Если копать код, там переписывать придется многое, ради внедрения флексов или гридов.

1.https://codepen.io/
2.https://jsfiddle.net/
3.https://www.freecodecamp.org/
4.https://www.w3schools.com/
5.https://pikabu.ru/story/novaya_bolshaya_kniga_css_...
6.Уроки по верстке и css модулям в youtube.

Для остального есть второсортные биржи и проекты "за доширак", для разгона портфолио.

CSS Grid Layout (grid-template-columns: minmax)

Что devTools говорит по блокам объявлений? относительные или абсолютные пути прописывали? перепроверьте, а после слейте ссылку пожалуйста.

<div class="slide">
                    <div class="col-md-5 img-container">

                    </div>

Первая из причин - закрыть забыли col-md-5 img-container

Вторая

<!--для md сетки выставляется 12 колонок и дальше перечисляется что из этих дочек и сколько занимает колонок-->
            <div class="col-md-12">
               <div class="col-md-5 img-container">
<!--Под слайдер пятак-->
                <div class="slide"></div>
                    </div>
<!--Закрыта часть блока с col-md-5-->
                    <div class="col-md-7 content">
                  <!--Под контент 7 выделяется-->
                         ...</div>
<!--Закрывается контейнер с указанием координат для md сетки-->