.image {
  display: grid;
  place-items: center;
  height: 100vh;
  width: 100vw;
}

.centered-object {
  display: grid;
  justify-content: center;
  width: 50%;
  margin: auto;
}

/*  https://www.magicpattern.design/tools/css-backgrounds 
Lines v3
*/

/*
html {
    background-color: #000000;
    opacity: 1;
    background-size: 20px 20px;
    background-image:  repeating-linear-gradient(0deg, #8d7c8d, #8d7c8d 1px, #000000 1px, #000000);

}
*/

/*  https://www.magicpattern.design/tools/css-backgrounds 
Boxes (modified)
*/
html {
  background-color: #000000;
  opacity: 1;
  background-image:  linear-gradient(#8d7c8d 1px, transparent 1px), linear-gradient(to right, #8d7c8d 1px, #000000 1px);
  background-size: 100px 100px;
  width: 100%;
}

body {
    width: 100%;
}

img {
    width: 50%;
}

article {
  color: white;
}