.scrolling-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .scrolling-wrapper .card {
      display: inline-block;
  }
  
  
  .Races .Race {
      width: 100%;
      overflow: hidden;
  }
  
  .Races a, .card a{
      color: black;
      text-decoration: none;
  }
  
  .card:hover .imgTitel {
      visibility: visible;
      opacity: 0.8;
  }
  
  .card:hover img {
      background-color: black;
      opacity: 0.8;
      transition: 0.2s ease-in;
  }
  
  .Race .Date {
      text-align: center;
      width: 15%;
      height: 60%;
      float: left;
  }
  
  .Race .Name {
      width: 95%;
      height: 60px;
      vertical-align: middle;
      font-size: 50px;
      margin: 0;
      position: relative;
  }
  
  .Race .Name p {
      margin: 0;
      position: absolute;
      bottom: 0;
      font-size: 40px;
      font-weight: 700;
  }
  
  .card {
    position: relative;
  }