I'm trying to add a responsive image to that section you see in emerald green bg-primary
.
I am trying that the final result is directly an image or a video, instead of it being a solid color, I am attaching some images so that you can see the solid color section and you can see the reference in the code
-------------------------------------------------- Code------------------------------------------------
<header class="masthead bg-primary text-white text-center "id="about">
<div class="container d-flex align-items-center flex-column ">
<!-- Masthead Avatar Image-->
<img class="masthead-avatar mb-5" src="omoiavatar.png" alt="jpg" />
<!-- Masthead Heading-->
<h1 class="masthead-heading mb-5">STUDIO OMOI</h1>
<!---------------------------------------------------Masthead Subheading------------------------------------------------------------>
<p class="masthead-subheading font-weight-light text-center ">illustrator | Motion Graphics | Concept</p>
</div>
</header>
github
https://github.com/Batvizz/Portfolio
Page (so you can better see the section I'm talking about)
You only need to locate
.container
and change thebackgroun-color
one you have for the following style:It's a matter of adapting your img: URL and size and position .