:root {
--boxColor: black;
}

body {
  background: linear-gradient( rgb(1,1,1,0), mediumpurple) no-repeat, url(https://assets.science.nasa.gov/dynamicimage/assets/science/astro/universe/2023/09/swift_M31_mosaic_1600.webp);
  color:whitesmoke;
  text-align: center;
}

#head {
  width:60%;
  margin:auto;
}

#head h1{
  text-transform: uppercase;
  letter-spacing: 5px;
}

#PhotoContainer {
  background: var(--boxColor);
  width:60%;
  padding-bottom: 20px;
  margin:auto;
}

#PhotoContainer h1 {
  font-family: 'Courier New', Courier, monospace;
  font-size:19px;
  font-weight: bold;
  background:lightgrey;
  color:black;
  letter-spacing: 5px;
}

#PhotoContainer p {
  margin:6px;
  margin-left: 5%;
  margin-right:5%;
  margin-bottom:13px;
}

#head ~ #PhotoContainer {
  margin-top: 30px;
}

img {
  display:block;
  object-fit: contain;
  width:95%;
  margin:auto;
}