.grid {
    padding: 100px
}
.dino {
    position: absolute;
    width: 60px;
    height: 60px;
    /* background-color: red; */
    bottom: 0px;
    background-image: url(dino.png);
    background-size: 60px 60px;
}

.obstacle {
    position: absolute;
    width: 60px;
    height: 60px;
    /* background-color: orange ; */
    bottom: 0px;
    background-image: url(cactus.png);
    background-size: 60px 40px;
}

@keyframes slideright {
    from {
        background-position: 70000%;
    }
    to {
        background-position: 0%;
    }
  }
  
  @-webkit-keyframes slideright {
    from {
        background-position: 70000%;
    }
    to {
        background-position: 0%;
    }
  }


#game-background{
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    position: absolute;
    bottom: 30px;
    background-color: green;
    /* background-repeat: repeat-x; */
    animation: slideright 600s infinite linear;
    -webkit-animation: slideright 600s infinite linear;
    width: 100%;
    height: 50%;
  }

  #alert {
      text-align: center;
        /* display: flex; */
  }