body {
  background-color: #040101;
  color: #880f0f;
}
h1 {
  font-family: 'Manufacturing Consent', system-ui;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  font-size: 3rem;
  margin-top: 60px;  /* space from top of page */
  margin-bottom: 10px;  /* space between h1 and divider */
}

/*----------------------------------------------------*/

.divider {
  width: 80%;
  height: 10rem;
  background-color: #880f0f;
   margin: 20px auto 80px;  /* vertical spacing and horizontal centerin*/
   
/*-------------------------music player photo--------------------------*/

.image-container {
  position: relative;
  width: 426px;
  margin: 0 auto;
  border-radius: 16px;
  overflow: hidden;
}

.bg-image {
  width: 100%;
  display: block;
  border-radius: 0; /* Not needed anymore since container is clipped */
}

.image-text {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-family: 'Manufacturing Consent', system-ui;
  font-size: 1.8rem;
  text-shadow: 2px 2px 4px #000;
}