<section class="advertising">
<div class="container">
<h1 class="advertise__title">Курсы</h1>
<div class="advertise__wrap">
<img class="vocal" src="../../assets/img/instruments/vocal.png" alt="Вокал">
<img class="violin" src="../../assets/img/instruments/violin.png" alt="Скрипка">
<img class="piano" src="../../assets/img/instruments/piano.png" alt="Фортепиано">
<img class="guitar" src="../../assets/img/instruments/guitar.png" alt="Гитара">
<img class="domra" src="../../assets/img/instruments/domra.png" alt="Домра">
<img src="../../assets/img/instruments/accordion.png" alt="Гармонь">
<img src="../../assets/img/instruments/ukulele.png" alt="Укулеле">
<img src="../../assets/img/instruments/saxophone.png" alt="Саксофон">
<div class="bg-image"></div>
</div><!-- ./advertise__wrap -->
</div><!-- ./container -->
</section><!-- ./advertising -->.advertise__title {
margin-top: 6.5rem;
margin-bottom: 0;
font-size: 4.6rem;
font-weight: 700;
color: $black;
}
.advertise__wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.guitar, .domra {
padding-bottom: 2rem;
width: 540px;
}
.vocal, .violin, .piano {
padding-bottom: 2rem;
}
.bg-image {
min-width: 500px;
min-height: 500px;
border: 1px solid $black;
background-image: url(../../img/instruments/vocal.png); /* здесь тоже относительный путь, но браузер показывает ошибку */
}
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap&subset=cyrillic" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.min.css">
<!-- Useful meta tags -->
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow, noodp">
<meta name="googlebot" content="index, follow">
<meta name="google" content="notranslate">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="">
<meta name="description" content=">
</head>
<body>
<div class="page">
<!-- Header -->
<header class="header">
<div class="container">
<div class="header__inner">
<div class="row header__row">
<div class="col-lg-2">
<a class="logo" href="">
<span class="logo__prefix">in</span>Web
</a>
</div>
<div class="col-lg-8">
<nav class="nav">
<a class="nav__link active" href="">Главная</a>
<a class="nav__link" href="">Услуги</a>
<a class="nav__link" href="">Портфолио</a>
</nav>
</div>
<div class="col-lg-2">
<div class="lang">
<a class="lang__item active" href="">ru</a>
<a class="lang__item" href="">en</a>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.header__inner -->
</div><!-- /.container -->
</header>
<!-- content -->
<div class="content">
<div class="container">
<div class="intro">
<div class="intro__text">Меня зовут</div>
<div class="intro__title">Дмитрий Валак</div>
<div class="intro__subtitle">
я занимаюсь <span class="intro__subtitle--pink">веб-дизайном</span> и <span class="intro__subtitle--pink">созданием сайтов</span>
</div>
<div class="row">
<div class="col-lg-3">
<a class="btn btn--pink" href="">Оставить заявку</a>
</div>
<div class="col-lg-9">
<ul class="contacts">
<li class="contacts__item">
<a class="contacts__link" href="tel+7891223345">+789-122-3345</a>
</li>
<li class="contacts__item">
<a class="contacts__link" href="mailto:hello@inweb.ru">hello@inweb.ru</a>
</li>
</ul>
</div>
</div><!-- /.row -->
</div><!-- /.intro -->
</div><!-- /.container -->
<img class="autor" src="assets/img/images.jpg" alt="man">
</div>
<!-- footer-->
<footer class="footer">
<div class="container">
jsvjsnejvn
</div>
</footer>
</div>
<script src="assets/js/app.min.js"></script>
</body>
</html>