<commit_before>$card-mobile-head: 78px;

$card-height: 378px;
$card-width: 529px;
$card-head-color: rgba(0, 0, 0, 0.55);
$card-head-dark: rgba(0, 0, 0, 0.65);

.offers {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card {
  width: 100%;
  display: flex;
  margin: 0 auto 33px;
  position: relative;
  &:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 71.45%;
  }
  .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .head {
    width: 100%;
    height: $card-mobile-head;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    box-sizing: border-box;
    color: white;
    background-color: $card-head-color;
    display: flex;
    flex-direction: column;
    justify-content: center;
    .title {
      @extend .dots;<commit_msg>Added bg-pos: cover as fallback for not fitting images<commit_after>$card-mobile-head: 78px;

$card-height: 378px;
$card-width: 529px;
$card-head-color: rgba(0, 0, 0, 0.55);
$card-head-dark: rgba(0, 0, 0, 0.65);

.offers {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card {
  width: 100%;
  display: flex;
  margin: 0 auto 33px;
  position: relative;
  &:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 71.45%;
  }
  .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .head {
    width: 100%;
    height: $card-mobile-head;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    box-sizing: border-box;
    color: white;
    background-color: $card-head-color;
    display: flex;
    flex-direction: column;
    justify-content: center;
    .title {
      @extend .dots;
{'fraction_non_alphanumeric': 0.14906832298136646, 'fraction_numerical': 0.046822742474916385, 'mean_word_length': 2.6228373702422147, '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': '5176632', 'n_tokens_mistral': 869, 'n_tokens_neox': 773, 'n_words': 201}