body {
  margin: 0;
  padding: 0;
  background-image: url("peredoug.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 76vh;
  font-family: "Jacquard 24", system-ui;
}

.word{
      font-size: 150px;
      color: whitesmoke;
      padding-left: 50px;
}

@media screen and (max-width: 300px) {
  
  body{
    height: 100vh;
    background-position: 70% center;
  }

  .word {
    font-size: 60px;
    padding-left: 10px;
    padding-top: 150px;
  }
}

@media screen and (max-width: 430px) {
  
  body{
    height: 100vh;
    background-position: 80% center;
  }

  .word {
    font-size: 100px;
    padding-left: 10px;
    padding-top: 110px;
  }
}