article a:hover .bg-primary-darker{
  background-color: var(--bs-primary) !important;
}

article a:hover .bg-primary-lighter {
  background-color: var(--bs-primary) !important;
}

article a:hover .bg-tertiary{
  background-color: var(--bs-tertiary-lighter) !important;
}

article a:hover .bg-secondary-darker {
  background-color: var(--bs-secondary) !important;
}

.background-change{
  transition: background-color 0.2s ease-in-out;
  min-height: 9.5rem;
}

.bonus-heading{
  color: var(--bs-light);
}

article svg {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

article a:hover svg{
  opacity: 100%;
}

article .bg-cover-center{
  scale: 1;
  transition: scale 0.3s ease-in-out;
}

article a:hover .bg-cover-center{
  scale: 1.05;
}

.position-red-label {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}