Один из моих разделов в моем шаблоне начальной загрузки содержит 2 элемента div рядом друг с другом одинаковой ширины столбца. С левой стороны мне нужна фоновая картинка, чтобы заполнить div, а с правой стороны у меня есть некоторые контактные данные. Все отображается правильно, кроме картинки не загружается. В настоящее время изображение находится в той же папке, что и index.html, поэтому я не уверен, почему оно не загружается.
Мой HTML-раздел:
<section class="ftco-about img ftco-section ftco-no-pt ftco-no-pb" id="about-section">
<div class="container">
<div class="row d-flex no-gutters">
<div class="col-md-6 col-lg-6 d-flex">
<div class="img-about img d-flex align-items-stretch">
<div class="overlay"></div>
<div class="img d-flex align-self-stretch align-items-center" style="background-image:url(def.jpeg);">
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 pl-md-5 py-5">
<div class="row justify-content-start pb-3">
<div class="col-md-12 heading-section ftco-animate">
<h1 class="big">About</h1>
<h2 class="mb-4">About Me</h2>
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
<ul class="about-info mt-4 px-md-0 px-2">
<li class="d-flex"><span>Name:</span> <span>Ronaldo Fredrickson</span></li>
<li class="d-flex"><span>Date of birth:</span> <span>November 28, 1989</span></li>
<li class="d-flex"><span>Address:</span> <span>San Francisco CA 97987 USA</span></li>
<li class="d-flex"><span>Zip code:</span> <span>1000</span></li>
<li class="d-flex"><span>Email:</span> <span>ronaldo@gmail.com</span></li>
<li class="d-flex"><span>Phone: </span> <span>+1-2234-5678-9-0</span></li>
</ul>
</div>
</div>
<div class="counter-wrap ftco-animate d-flex mt-md-3">
<div class="text">
<p class="mb-4">
<span class="number" data-number="120">0</span>
<span>Project complete</span>
</p>
<p><a href="#" class="btn btn-primary py-3 px-3">Download CV</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
Изображение должно появляться в этом разделе.
, как вы можете видеть, изображение должно быть именно там:
