.banner-container .banner{
  background-image: url("../images/cover-2000x2000.webp");
  background-size: 100%;
}



@media (max-width: 1200px) {
    
    .banner-container .banner{
      background-image: url("../images/cover-1200x1200.webp");
      background-size: 100%;
    }
}

@media (max-width: 500px) {
    body {
        font-size: 13px;
    }
    .banner-container .banner{
      background-image: url("../images/cover-500x1000.webp");
      background-size: 100%;
    }
}

@media (max-width: 100px) {
    body {
        font-size: 12px;
    }
    .banner-container .banner{
      background-image: url("../images/cover-100x200.jpg");
      background-size: 100%;
    }
}