.section_image {
  width: 85%;
  display: block;
  margin: 0 auto;
  margin-top: clamp(1rem, 2.5vw, 3rem);
  margin-bottom: clamp(1rem, 2.5vw, 3rem);
}

.img15 {
  margin-bottom: 1rem;
}

.overlay {
  width: 200px;
  height: 100px;
  background-color: red;
  z-index: 10;
  position: absolute;
}

.section_container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Base overlay styling */
.overlay {
  position: absolute;
  background-color: rgba(255, 0, 0, 0); /* fully transparent initially */
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, filter 0.3s ease-in-out;
  z-index: 1;
}

/* Overlay text */
.overlay .overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;

  font-family: "Fira Code", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #ffffff;
  font-size: 1vw;
  line-height: 14px;

  opacity: 0; /* hide text initially */
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
  filter: none; /* text never blurs */
  z-index: 2;
}

/* Hover effect for the overlay */
.section_container a:hover .overlay {
  background-color: rgba(255, 0, 0, 0.4); /* show overlay */
  backdrop-filter: blur(2.5px); /* blur background */
}

/* Hover effect for the text */
.section_container a:hover .overlay .overlay-text {
  opacity: 1; /* show text */
}

/* Metaphysical 1 */
#overlay1 {
  top: 7%;
  left: 7.6%;
  width: 14.8%;
  height: 33%;
}

/* Metaphysical 2 */
#overlay2 {
  top: 13.5%;
  left: 23.5%;
  width: 14.8%;
  height: 33%;
}

/* Metaphysical 3 */
#overlay3 {
  top: 19.8%;
  left: 39.5%;
  width: 14.8%;
  height: 33%;
}

/* To Summer */
#overlay4 {
  top: 26.6%;
  left: 61%;
  width: 10.6%;
  height: 26%;
}

/* Children from the Stars */
#overlay5 {
  top: 7%;
  left: 81%;
  width: 11.6%;
  height: 30%;
}

/* Jamaican Hiphop 1 */
#overlay6 {
  top: 65.9%;
  left: 7.5%;
  width: 11.6%;
  height: 27.6%;
}

/* Jamaican Hiphop 2 */
#overlay7 {
  top: 65.9%;
  left: 20.3%;
  width: 11.6%;
  height: 27.6%;
}

/* Reality Trilogy 1 */
#overlay8 {
  top: 59.6%;
  left: 50.3%;
  width: 13.3%;
  height: 33%;
}

/* Reality Trilogy 2 */
#overlay9 {
  top: 59.6%;
  left: 64.7%;
  width: 13.3%;
  height: 33%;
}

/* Reality Trilogy 3 */
#overlay10 {
  top: 59.6%;
  left: 79.2%;
  width: 13.3%;
  height: 33%;
}

/* Love, the Shape of You 1 */
#overlay11 {
  top: 7%;
  left: 7.6%;
  width: 12.2%;
  height: 32.8%;
}

/* Love, the Shape of You 2 */
#overlay12 {
  top: 13%;
  left: 21.6%;
  width: 12.2%;
  height: 32.6%;
}

/* Love, the Shape of You 3 */
#overlay13 {
  top: 7%;
  left: 36%;
  width: 12%;
  height: 32.3%;
}

/* Love, the Shape of You 4 */
#overlay14 {
  top: 13%;
  left: 50%;
  width: 12.2%;
  height: 32.6%;
}

/* Women as Flower 1 */
#overlay15 {
  top: 7%;
  left: 73.7%;
  width: 18.6%;
  height: 28%;
}

/* Women as Flower 2 */
#overlay16 {
  top: 38.5%;
  left: 66.3%;
  width: 18.6%;
  height: 28%;
}

/* Vincent Van Gogh 1 */
#overlay17 {
  top: 56.4%;
  left: 39%;
  width: 9%;
  height: 15.3%;
}

/* Vincent Van Gogh 2 */
#overlay18 {
  top: 54.1%;
  left: 49.8%;
  width: 9%;
  height: 15.3%;
}

/* Meet Artist */
#overlay19 {
  top: 67.8%;
  left: 7.6%;
  width: 26%;
  height: 25.5%;
}
 
/* Support a Young Artist 1 */
#overlay20 {
  top: 77.9%;
  left: 42.8%;
  width: 9%;
  height: 15.3%;
}

/* Support a Young Artist 2 */
#overlay21 {
  top: 77.9%;
  left: 53%;
  width: 9%;
  height: 15.3%;
}

/* Support a Young Artist 3 */
#overlay22 {
  top: 77.9%;
  left: 63%;
  width: 9%;
  height: 15.3%;
}

/* Support a Young Artist 4 */
#overlay23 {
  top: 77.9%;
  left: 73%;
  width: 9%;
  height: 15.3%;
}

/* Support a Young Artist 5 */
#overlay24 {
  top: 77.9%;
  left: 83.3%;
  width: 9%;
  height: 15.3%;
}

/* FAST1 */
#overlay25 {
  top: 8.4%;
  left: 8%;
  width: 17.3%;
  height: 39.5%;
}

/* FAST2 */
#overlay26 {
  top: 26.8%;
  left: 28.3%;
  width: 11.9%;
  height: 26.7%;
}

/* FAST3 */
#overlay27 {
  top: 58.1%;
  left: 15.3%;
  width: 15%;
  height: 33%;
}

/* Sober Tonight */
#overlay28 {
  top: 47%;
  left: 43.5%;
  width: 13.7%;
  height: 34%;
}

/* Sober1 */
#overlay29 {
  top: 8.6%;
  left: 55.4%;
  width: 11.2%;
  height: 20%;
}

/* Sober2 */
#overlay30 {
  top: 8.6%;
  left: 68.3%;
  width: 11.2%;
  height: 20%;
}

/* Sober3 */
#overlay31 {
  top: 8.6%;
  left: 81.2%;
  width: 11.2%;
  height: 20%;
}

/* Imprint */
#overlay32 {
  top: 56.7%;
  left: 63%;
  width: 29%;
  height: 34.8%;
}