body {
  background-color: #f7f7f7;
  display: flex;
  justify-content: center;
}

.background {
  background: url(background.jpg);
  animation-duration: 3s;
  animation-name: float;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  width: 100%;
  height: 120vh;
  position: absolute;
  z-index: 0;
}

table {
  font-size: 20px;
  font-weight: bold;
  border: 1px solid black;
  border-collapse: collapse;
  z-index: 1;
}

td {
  padding: 2px 50px;
}

tr {
  background: #ffffff80;
}

tr:nth-child(even) {
  background: #fff20080;
}

tr img {
  box-shadow: 1px 1px 4px 0 black;
  margin: 2px 2px 0;
}

@keyframes float {
  from {
    transform: rotate(-2deg);
  }

  to {
    transform: rotate(2deg);
  }
}