:root {
  --white: white;
  --black: black;
}

.body {
  background-image: url('../images/tht2.jpg');
  background-position: 0 0;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .body {
    background-repeat: repeat;
    background-size: auto;
  }
}

@media screen and (max-width: 767px) {
  .body {
    -webkit-text-fill-color: inherit;
    background-position: 10% 0;
    background-clip: border-box;
  }
}

@media screen and (max-width: 479px) {
  .body {
    object-fit: cover;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 250%;
    overflow: visible;
  }
}