:host .background {
  height: 100%;
  width: 100%;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
  overflow: hidden;
}
:host .background .title {
  font-size: 13px;
  text-align: center;
  background: linear-gradient(to top, rgba(37, 79, 101, 0.8) 40%, transparent);
  padding: 5px;
  padding-top: 40px;
  width: 100%;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.75px;
  transition: all 0.5s;
}
:host .background:hover .title {
  transform: translateY(100%);
}