www/src/static/css/generative-art.css

#gen-art-1{
  position:absolute;
  width:15vw;
  height: 12.5vw;
  right: 5.8vw;
  top:300px;
  z-index: 0;
  background-image: url("/Images/gen-art/gen-art-_0002_DALL·E 2022-09-01 09.50.45 - rainbow oil spill on pavement.png.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
}

#gen-art-2{
  position:absolute;
  width:17vw;
  height: 10vw;
  right: 16.3vw;
  top:33.3vw;
  z-index: 0;
  background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
  background-attachment: fixed;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}

#gen-art-3{
  background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  position: absolute;
  margin-top: 12.5vw;
  right: 16.8vw;
  width: 29vw;
  height: 28vw;
  z-index:1;
}

#gen-art-5{
  position:absolute;
  width:24.275vw;
  height: 17.857vw;
  margin-top: 20vw;
  right: 8.371vw;
  z-index: 0;
  background-image: url("/Images/gen-art/glass-triangles.jpg");
  background-attachment: fixed;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}

#gen-art-6{
  position:absolute;
  width: 13.560vw;
  height: 26.897vw;
  margin-top: 50vw;
  right: 37.667vw;
  z-index: 0;
  background-image: url("/Images/gen-art/candy-land.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#gen-art-7{
  position:absolute;
  width: 17.504vw;
  height: 26.897vw;
  margin-top: 70vw;
  left: 8.371vw;
  z-index: 0;
  background-image: url("/Images/gen-art/gen-art-_0007_DALL·E 2022-09-01 10.00.15 - futuristic billboard of japanese writing in neon lit city.png.jpg");
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

#gen-art-8{
  position:absolute;
  width: 8.371vw;
  height: 8.371vw;
  margin-top: 90vw;
  left: 20.8vw;
  z-index: 0;
  background-image: url("/Images/gen-art/pixel-mouth.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
}