A teraz chciałbym by ta smuga była równo na dole.
Możesz "umieścić" sekcje
<section class="kontener-top">
i
<section class="kontener-top-center">
w obejmującej je sekcji i tej sekcji nadać: background-image, np.:
<body>
<style>
.kontener-top-wrapper {
background-image: url("tlo-gora.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
</style>
<section class="kontener-top-wrapper">
<section class="kontener-top-top">
<div class="wrapper">
<div class="logo">
<img src="logo magia-gadzetow.png">
</div>
<div class="aktualnosci">
<p class="purple-color">O nas</p>
<p>Wyróżnione</p>
<p>Aktualności</p>
<p>Katalogi</p>
<div class="background">
<p class="Kontakt">Kontakt</p>
</div>
</div>
<div class="background-fb">
<svg class="svg" width="7" height="12" viewBox="0 0 7 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M4.54767 12V6.53386H6.61973L6.93016 4.39433H4.54767V3.03168C4.54767 2.41365 4.74059 1.99254 5.73709 1.99254H7V0.0841144C6.78028 0.0581252 6.02642 0 5.14923 0C3.31775 0 2.0643 0.993844 2.0643 2.81977V4.39433H0V6.53386H2.0643V12H4.54767Z"
fill="#969BA9" />
</svg>
</div>
</div>
</section>
<section class="kontener-top-center">
<div class="tytul">
<h1>Jesteśmy Czarodziejami<br>Magii Gadżetów</h1>
</div>
<div class="cytat">
<p class="notka">Ciekawość doprowadzi Cię do nas</p>
</div>
</section>
</section>
<section class="kontener-center">
<div class="left">
<div class="smuga">
<img src="esencja.png">
</div>
</div>
</section>
</body>