#card-slider1 {
  background: rgba(255, 255, 255, 0.5)
    url("https://storage.googleapis.com/ppc_toda_web_app/speedovate/recyconnectlogo.png?v2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(75px, 20vw, 150px);
  transition: background-size 0.5s ease;
}

#card-slider2 {
  background: rgba(255, 255, 255, 0.5)
    url("https://storage.googleapis.com/ppc_toda_web_app/speedovate/ppctodalogo.png?v2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(75px, 20vw, 150px);
  transition: background-size 0.5s ease;
}

#card-slider3 {
  background: rgba(255, 255, 255, 0.5)
    url("https://storage.googleapis.com/ppc_toda_web_app/speedovate/pccimimaropalogo.png?v2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(75px, 20vw, 150px);
  transition: background-size 0.5s ease;
}

#card-slider4 {
  background: rgba(255, 255, 255, 0.5)
    url("https://storage.googleapis.com/ppc_toda_web_app/speedovate/froteaphilippineslogo.png?v2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(75px, 20vw, 150px);
  transition: background-size 0.5s ease;
}

#card-slider5 {
  background: rgba(255, 255, 255, 0.5)
    url("https://storage.googleapis.com/ppc_toda_web_app/speedovate/aatappplogo.png?v2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(75px, 20vw, 150px);
  transition: background-size 0.5s ease;
}

#card-slider6 {
  background: rgba(255, 255, 255, 0.5)
    url("https://storage.googleapis.com/ppc_toda_web_app/speedovate/pccipuertoprincesalogo.png?v2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(75px, 20vw, 150px);
  transition: background-size 0.5s ease;
}

#card-slider7 {
  background: rgba(255, 255, 255, 0.5)
    url("https://storage.googleapis.com/ppc_toda_web_app/speedovate/evercargologo.png?v2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(75px, 20vw, 150px);
  transition: background-size 0.5s ease;
}

#card-slider8 {
  background: rgba(255, 255, 255, 0.5)
    url("https://storage.googleapis.com/ppc_toda_web_app/speedovate/paltrancologo.png?v3");
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(75px, 20vw, 150px);
  transition: background-size 0.5s ease;
}

#card-slider1:hover {
  background-size: clamp(85px, 20vw, 175px);
}

#card-slider2:hover {
  background-size: clamp(85px, 20vw, 175px);
}

#card-slider3:hover {
  background-size: clamp(85px, 20vw, 175px);
}

#card-slider4:hover {
  background-size: clamp(85px, 20vw, 175px);
}

#card-slider5:hover {
  background-size: clamp(85px, 20vw, 175px);
}

#card-slider6:hover {
  background-size: clamp(85px, 20vw, 175px);
}

#card-slider7:hover {
  background-size: clamp(85px, 20vw, 175px);
}

#card-slider8:hover {
  background-size: clamp(85px, 20vw, 175px);
}

#card-lowerthirds-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: end;
  width: 100%;
  height: 125px;
  padding-right: clamp(10px, 2vw, 10px);
  padding-left: clamp(10px, 2vw, 10px);
  padding-top: clamp(10px, 2vw, 10px);
  padding-bottom: clamp(10px, 2vw, 10px);
  /* background: linear-gradient(to top, #00000080 0%, rgba(9, 36, 75, 0) 100%); */
}

#card-lowerthirds-title {
  font-weight: 700;
  color: #09244b;
}

#card-lowerthirds-status-launched {
  color: #4bbe63;
}

#card-lowerthirds-status-inqueue {
  color: rgb(0, 110, 255);
}

#card-lowerthirds-status-ongoing {
  color: rgb(255, 83, 83);
}

#card-lowerthirds-description {
  color: #09244b75;
}