.chess-tile {
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  padding-bottom: 100%;
}
@media screen and (max-width: 650px) {
  .chess-tile {
    width: 100%;
    max-width: 80%;
  }
}
@media screen and (max-width: 500px) {
  .chess-tile {
    max-width: 100%;
  }
}
@media screen and (-ms-high-contrast: none) {
  .chess-tile {
    width: 25%;
  }
}

.chess-tile__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

.chess-tile__wrapper:hover .chess-tile__image-wrapper {
  transform: scale(1.2);
}

.chess-tile__wrapper:hover .chess-tile__headline {
  font-size: 28px;
}

.chess-tile__image-wrapper {
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}
@media screen and (-ms-high-contrast: none) {
  .chess-tile__image-wrapper .idle__fallback {
    height: 350px;
  }
}

.chess-tile__headline {
  font-size: 24px;
  font-family: var(--font-heading);
  font-weight: 400;
  letter-spacing: -0.47px;
  color: var(--color-dark-blue);
  transition: all 0.5s ease-in-out;
  padding: 0 10px;
}

.chess-tile__link {
  text-decoration: none;
}

.chess-tile--beige {
  background-color: var(--color-beige);
}

.chess-tile--sea {
  background-color: var(--color-sea);
}

.chess-tile--light_blue {
  background-color: var(--color-light-blue);
}

.chess-tile--light_blue .chess-tile__headline {
  color: var(--color-forest);
}