body
{
   background-image: url(./images/background2.jpg);
  
 background-position: center;
 margin: 10% !important;
 

}
/*img[src$=".png"] {
  width: 100%;
  height: auto;
  max-width: none;
}*/

.imageOne {
  left:-430px;
  top: -50px;
width:100%;
height:100%;
max-width: 100%;
}
.imagetwo{
  left:-170px;
   top: -50px;
   max-width: 100%;
   margin-left: auto;
 margin-right: auto;

width:100%;
height:100%;
  
}
.image3 {
  left:-330px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
   width:100%;
height:auto;
top:-50px;
}
.imageFour{
   top:-40px;
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
   left:-300px;
}

@media only screen and (max-width: 600px) {
   .imageFour{
       display: none;
   }
   img[src$=".png"] {
    width: 100%;
    height: auto;
    max-width: none;
  }
   
   .image3 {
    left:-10px;
    top:0px;
    width:100%;
    height:auto;
   }
    img[src$=".png"] {
      width: 100%;
      height: auto;
      max-width: none;
    }
     
   
   .imageOne{
   left:20px;
    top:-40px;
    width:100%;
height:auto;
display:flex;
   
  
   }
   img[src$=".png"] {
    width: 100%;
    height: auto;
    max-width: none;
  }
   
   .imagetwo{
     top:-30px;
   left:20px;
   width:100%;
height:auto;
display: flex;
 
  
     }
 
 
}