.life-container {
  position: relative;
  height: 100%;
  height: 40px;
  border: 1px solid goldenrod;
  border-radius: 4px;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
  filter: drop-shadow();
  overflow: hidden;
  .life, .life {
    position: absolute;
    height: 100%;
    background: linear-gradient(45deg, #760000, #980000, #b50000);
    transition: all 1s ease-out;
  }

  .name {
    z-index: 1;
    margin: auto;
  }

}