.img-container {
    width: 100%;
    height: 45em;
    background-image: radial-gradient(transparent, #0000008c), url(/Multimedia/Imgs/Keel-billed_ToucanMobile.jpeg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;

    align-items: center;
   
}
  
.contact-container{
    
  background: 
      linear-gradient(225deg, #dbdadacc 15%, transparent 15%) 0 0,
      linear-gradient(45deg, #dbdadacc 15%, transparent 15%) 0 0;

  margin: 0;
}

@media screen and (min-width:550px){
.img-container {
    height: 80em;
  }
}

@media screen and (min-width:1000px){
    .img-container {
        background-image: radial-gradient(transparent, #0000008c), url(/Multimedia/Imgs/Keel-billed_Toucan.jpeg);
        height: 60em;
        background-position: top;
      }
}

@media screen and (min-width:2200px){


    .img-container {
      height: 70em;
      background-position: center;
    }
   
}