<commit_before>.profile-card {
   width: 100%;
}
.profile-card-inner {
   width: 80%;
   margin: 0 auto;
   padding: 40px 0 60px 0;
   display: flex;
   flex-direction: column;
   font-family: inherit;
}

.text-container {
   max-width: 530px;
}

.dark-theme {
   color: #000;
}

.light-theme {
   color: #fff;
}

.image {
   width: 100%;
   height: 250px;
   max-width: 100%;
   margin: 0 auto 34px auto;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.title,
.text,
.name {
   display: block;
}

.title {
   opacity: 0.75;
   line-height: 1;
   font-size: 0.75em;
   margin-bottom: 22px;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.name {
   opacity: 1;
   line-height: 1;
   font-size: 2.2em;
   margin-bottom: 34px;
   font-weight: 900;
}

.text {
   opacity: 0.75;
   line-height: inherit;
   font-size: 1em;
}

.button-container {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: flex-start;
   margin: 44px 0 0 0;
   height: 124px;
}

.button-container > a {
   text-transform: uppercase;
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
   .profile-card-inner {
      width: 70%;
   }
}

@media only screen and (min-width: 768px) {
   .profile-card-inner {
      max-width: 1057px;
      padding: 105px 0 190px 0;
      flex-direction: row;
   }
   .image-container {
      flex: 1;
      margin: 0 40px 0 0;
   }
   .image {
      width: 309px;
   }
   .text-container {
      flex: 1;
   }
   .title {
      font-size: 0.9em;
   }
}<commit_msg>GW-18 fixing layout issues for the profile cards<commit_after>.profile-card {
   width: 100%;
}
.profile-card-inner {
   width: 80%;
   margin: 0 auto;
   padding: 40px 0 60px 0;
   display: flex;
   flex-direction: column;
   font-family: inherit;
}

.text-container {
   max-width: 530px;
}

.dark-theme {
   color: #000;
}

.light-theme {
   color: #fff;
}

.image {
   width: 100%;
   height: 250px;
   max-width: 100%;
   margin: 0 auto 34px auto;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.title,
.text,
.name {
   display: block;
}

.title {
   opacity: 0.75;
   line-height: 1;
   font-size: 0.75em;
   margin-bottom: 22px;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.name {
   opacity: 1;
   line-height: 1;
   font-size: 2.2em;
   margin-bottom: 34px;
   font-weight: 900;
}

.text {
   opacity: 0.75;
   line-height: inherit;
   font-size: 1em;
}

.button-container {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: flex-start;
   margin: 44px 0 0 0;
   height: 124px;
}

.button-container > a {
   text-transform: uppercase;
   width: 100%;
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
   .profile-card-inner {
      width: 70%;
   }
   .button-container {
      flex-direction: row;
      height: auto;
   }
   .button-container > a {
      width: 48%;
      height: 46px;
      font-size: 14px;
   }
}

@media only screen and (min-width: 768px) {
   .profile-card-inner {
      max-width: 1057px;
      padding: 105px 0 190px 0;
      flex-direction: row;
   }
   .image-container {
      flex: 1;
      margin: 0 40px 0 0;
   }
   .image {
      width: 309px;
   }
   .text-container {
      flex: 1;
   }
   .button-container > a {
      text-transform: uppercase;
      width: 230px;
   }
   .title {
      font-size: 0.9em;
   }
}
{'fraction_non_alphanumeric': 0.1417910447761194, 'fraction_numerical': 0.0574052812858783, 'mean_word_length': 2.2815442561205272, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '5778673', 'n_tokens_mistral': 1512, 'n_tokens_neox': 1324, 'n_words': 324}