#monday {
  position: relative;
  background: url("../assets/PROGRAMACAO_NORMAL.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
}

#tuesday {
  position: relative;
  background: url("../assets/PROGRAMA_DE_TERÇA.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
}

#wednesday {
  position: relative;
  background: url("../assets/PROGRAMACAO_NORMAL.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
}

#thursday {
  position: relative;
  background: url("../assets/PROGRAMA_DE_QUINTA.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
}

#friday {
  position: relative;
  background: url("../assets/PROGRAMA_DE_TERÇA.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
}

#saturday {
  position: relative;
  background: url("../assets/PROGRAMACAO_NORMAL.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
}

#sunday {
  position: relative;
  background: url("../assets/PROGRAMACAO_NORMAL.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  overflow: hidden;
}

#tuesday::after,
#sunday::after,
#monday::after,
#wednesday::after,
#thursday::after,
#friday::after,
#saturday::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background-color: rgba(128, 128, 128, 0.048);
  z-index: 1;
  backdrop-filter: blur(0.2px);
  border: 2px solid white;
  border-radius: 10px;
  overflow: hidden;
}

#tuesday:hover,
#sunday:hover,
#monday:hover,
#wednesday:hover,
#thursday:hover,
#friday:hover,
#saturday:hover {
  transform: scale(1.3);
}

#tuesday:hover span,
#sunday:hover span,
#monday:hover span,
#wednesday:hover span,
#thursday:hover span,
#friday:hover span,
#saturday:hover span {
  animation: display 0.5s ease-in forwards;
}

@keyframes display {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

#tuesday,
#sunday,
#monday,
#wednesday,
#thursday,
#friday,
#saturday {
  cursor: pointer;
  transition: transform 0.5s ease;
}

#tuesday span,
#sunday span,
#monday span,
#wednesday span,
#thursday span,
#friday span,
#saturday span {
  color: rgb(255, 255, 255);
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  padding: 20px 15px;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
  background-color: rgba(128, 128, 128, 0.582);
  border-radius: 10px;
  border: 1px solid white;
  transition: transform 0.5s ease;
  text-shadow: 0 0 20px black;
}

/* GENERAL */

.ads900 {
  min-width: 210px;
  height: 220px;
  border-radius: 10px;
  overflow: hidden;
  margin: 20px;
}