I want to fit an image in 70px height container? is that possible?

hello,

this is my html code:

<header id="masthead" class="site-header">
 
    

	<div id="info-container1">	
		<figure>
	
  <div class="menu">
	  
	<span></span> 
	  <span></span>
	  <span></span>  
	  
	 </div>
		
	 	
		
		<div class="menu-bar">

    <ul>
      <li><a  class="menu-link">Home</a></li>
		<li><a  class="menu-link">onderhoud</a></li>
		<li><a  class="menu-link">banden</a></li>
		<li><a  class="menu-link">apk</a></li>
      <li><a  class="menu-link">Contact</a></li>
    </ul>
		
  </div>
			
		</figure>
		
		
      
		
 
		<div class="tekst2">Vooraf prijs opgave</div>
		<div class="tekst3">Klanten Beoordeling 9.2/10</div>
		
		</div>	
		
		<div id="info-container2"> 
		<div class="menu-title">
			Menu
			</div>
		
		</div>
		
		 
		
		  <div id="info-container3">
      <div class="title">Daxxx BVN Stasnom</div>
		<div class="description">auto reparatie service</div>
		<div class="tekst">hello</div>
		</div> 
			
			</header><!-- #masthead -->

and this is the CSS code of menu-bar:

.menu-bar{
position:absolute;
top:0;
left:0;
width:100%;
height:70px;
background-color:#ffd978; 
object-fit: contain;
transition:0.5s;
transform: translatex(-100%);

}

my question is : when you open the menu container on my website which is 70px height.

can I use background-image in this 70px height container with 100% width?

if yes, how I can achieve it ?

thanks

The page I need help with: [log in to see the link]