Adding a logo help

Tell us what’s happening:

i want my logo to not have a white background, it’s supposed to be a transparent background file type png. is it possible? or do i need to edit my image to make it have the same color as my header? i’m new still learning
THE CODE AT THE BOTTOM ISN’T FOR THIS IGNORE CODE THAT IS SHOWN .

Your code so far


<style>
#box-container {
  height: 500px;

}

#box-1 {
  background-color: dodgerblue;
  width: 50%;
  height: 50%;
}

#box-2 {
  background-color: orangered;
  width: 50%;
  height: 50%;
}
</style>
<div id="box-container">
<div id="box-1"></div>
<div id="box-2"></div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36.

Challenge: Use display: flex to Position Two Boxes

Link to the challenge:

the code you have submitted does not have any of the code for the nav or the logo so hard to say whats going on
you say the code is not for this? you might want to post the code that IS for this