.board {
  background: linear-gradient(rgb(12, 234, 12), rgb(210, 210, 166));
  border: 10px solid black;
  display: grid;
  grid-template-rows: repeat(20, 1fr);
  grid-template-columns: repeat(20, 1fr);
  height: 92vmin;
}

.wicket {
  background: url("wicket.png");
  border-radius: 0%;
  height: 10vh;
  width: 10vh;
  background-size:     cover;                     
  background-repeat:   no-repeat;
  background-position: center center;
}

.ball {
  background: url("ball.png");
  border-radius: 0%;
  height: 3vh;
  width: 3vh;
  background-size:     cover;                     
  background-repeat:   no-repeat;
  background-position: center center;
}

.bat {
  background: url("bat.png");
  border-radius: 0%;
  height: 10vh;
  width: 10vh;
  background-size:     cover;                     
  background-repeat:   no-repeat;
  background-position: center center;
}