<commit_before>.project-card {
  cursor: pointer;
  text-align: center;
  position: relative;
  padding: 1.8rem 1.2rem 4.8rem;
  background-color: #f9fefd;
  margin: 4rem 4rem 9rem;
  box-shadow: 0 3px 6px rgba(0, 0, 20, 0.16), 0 3px 6px rgba(0, 0, 20, 0.23);
  transition: box-shadow 0.4s ease;
  border-radius: 6px;
  height: 430px;

  &:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

    .project-card-image {
      filter: none;
    }
  }
}

@media(max-width: 1280px) {
  .project-card {
    height: calc(100vw / 3);
  }
}

@media(max-width: 700px) {
  .project-card {
    height: calc(100vw / 1.5);
  }
}

.project-card-image {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  filter: sepia(22%) brightness(110%) contrast(90%) saturate(75%);
  box-shadow: inset 3px 3px 6px rgba(0, 0, 20, 0.16), inset 3px 3px 6px rgba(0, 0, 20, 0.23);
  transition: filter 0.2s linear;
}

.project-tokyo {
  .project-card-image {
    background-image: url("../images/shinjuku-ninnin.jpg");
  }
}

.project-yokohama {
  .project-card-image {
    background-image: url("../images/yokohama-scenery.jpg");
  }
}

.project-hiroshima {
  .project-card-image {<commit_msg>Fixed firefox bg image issue<commit_after>.project-card {
  cursor: pointer;
  text-align: center;
  position: relative;
  padding: 1.8rem 1.2rem 4.8rem;
  background-color: #f9fefd;
  margin: 4rem 4rem 9rem;
  box-shadow: 0 3px 6px rgba(0, 0, 20, 0.16), 0 3px 6px rgba(0, 0, 20, 0.23);
  transition: box-shadow 0.4s ease;
  border-radius: 6px;
  height: 430px;

  &:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

    .project-card-image {
      filter: none;
    }
  }
}

@media(max-width: 1280px) {
  .project-card {
    height: calc(100vw / 3);
  }
}

@media(max-width: 700px) {
  .project-card {
    height: calc(100vw / 1.5);
  }
}

.project-card-image {
  display: block;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  filter: sepia(22%) brightness(110%) contrast(90%) saturate(75%);
  box-shadow: inset 3px 3px 6px rgba(0, 0, 20, 0.16), inset 3px 3px 6px rgba(0, 0, 20, 0.23);
  transition: filter 0.2s linear;
}

.project-tokyo {
  .project-card-image {
    background-image: url("../images/shinjuku-ninnin.jpg");
  }
}

.project-yokohama {
  .project-card-image {
    background-image: url("../images/yokohama-scenery.jpg");
  }
}

.project-hiroshima {
  .project-card-image {
{'fraction_non_alphanumeric': 0.16918897943344974, 'fraction_numerical': 0.0892510671323244, 'mean_word_length': 3.0470957613814758, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4724930', 'n_tokens_mistral': 1280, 'n_tokens_neox': 1056, 'n_words': 244}