.covers{
  display: flex;
  
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;

  padding: 36px 20px;
  gap: 40px 4px;
}

/* header listing that page's shrines */
.shrine-header {
  display: flex;

  flex-wrap: wrap;
  gap: 28px;

  justify-content: center; /*space-around; mybe later! i'll figure it out!! */
  align-items: center;  
}
.shrine-header ul {
  list-style-type: none;

  display: flex;
  flex-wrap: wrap;
  flex-grow: 2;

  justify-content: center;

  gap: 10%;
}

/* a collection of images (gallery) with automatic resizing and highlighting. */
.gallery-reel {
  display: flex;
  flex-wrap: wrap;
  
  justify-content: space-around;

  padding: 40px min(4%, 40px);
  gap: 20px;
}
.gallery-reel img {
  max-width: 340px;
  max-height: 220px;
  width: auto;
  height: auto;

  padding: 8px;
  background-image: none;
}
.gallery-reel img:hover {
  background-image: linear-gradient(to bottom, #ea3a4b, #f1854c, #ebe180, #98c240, #5997cd, #515299);
}

.gallery-reel p {
  max-width: 320px;
}


/* mobile phone compatibility...*/
@media (width <= 621px) {
  .gallery-reel {justify-content: center;}
  .gallery-reel img {max-width: calc(340px * 0.84); max-height: calc(220px * 0.84);}
}