a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s ease;
}

a:hover, a:visited, a:focus {
  color: #553580;
  color: #553580;
}

.test a {
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  transition: 0.3s ease;
}

.test a:hover, a:visited, a:focus {
color: rgba(255,255,255,0.7);
  color: #553580;
}


.title-interactive-item {
  display: block;
}
.title-interactive-item a {
  padding: 0 1rem 0 1rem;
  display: inline-block;
  margin: 0rem 0;
  position: relative;
}
.title-interactive-item h5 {
  margin: 0;
  display: inline-block;
}
.title-interactive-item figure {
  width: 250px;
  height: 250px;
  overflow: hidden;
  margin: 0;
  position: absolute;
  display: none;
  pointer-events: none;
  z-index: 10;
}
.title-interactive-item figure img {
  display: block;
  width: 80%;
  height: 80%;
  object-fit: cover;
  border-radius: 5px;
}
.title-interactive-item figure.show {
  display: block;
}