Display block on img tag is not working. Trying to remove whiteSpace below image

Question

<!-- section-1 -->
<section id="container">
<!-- women - image -->
<div class="container__womenImage">

<img class="container__section1Img" src="./img/women.svg" alt="women at book sleves">

</div>
<!-- End-women - image -->

<!-- container-content -->
<div class="container__contents">
<h1 class="container__h1">Learn Interaction with Languages</h1>
<button class="container__btn">choose language</button>
</div>
<!-- End-container-content -->
</section>
<!-- End - section - 1 -->
</main> And here is full github code: https://github.com/Alidhuniya/linguisticCenter

Answer 1

Please show your code here so that we can help you
https://www.sololearn.com/post/75089/?ref=app

Answer 2

solved. sometime css is so frustrating. I was like why background image is not working. after digging I found i have to set height on it. live: https://alidhuniya.github.io/linguisticCenter/index.html site is still under construction

Answer 3

@Gordon solved. sometime css is so frustrating. I was like why background image is not working. after digging I found i have to set height on it. live: https://alidhuniya.github.io/linguisticCenter/index.html site is still under construction