<commit_before>// Case Study block

.container--case-study {
	position: relative;
	overflow: hidden;
}

.container__content--case-study-copy {
	align-items: flex-start;
	text-align: left;
	background-color: $smoke;
  overflow: hidden;
}

.container__content--case-study-image-wrapper {
	display: none;
  position: relative;
  align-self: stretch;
}

.container__content--case-study-image-wrapper .image-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.bullet-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  z-index: 100;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.bullet-list__item {
	margin: 0 1rem 0 0;
  cursor: pointer;
}

.bullet-list__bullet {
	display: block;
	height: 0.625rem;
	width: 0.625rem;
	background-color: $light-gray;
	border-radius: 50%;
	transition: background-color 0.5s;
}

.bullet-list__bullet.active {
	background-color: $dark-gray;
}

.case-study-item {
	display: flex;
	height: 300px;
	width: 100%;
}

.case-study-item + .case-study-item {
	position: absolute;
	top: 0;
	left: 0;
}

.case-study-fade-wrapper {
	position: relative;
}

.case-study-item .container__content--case-study-image-wrapper,
.case-study-item .case-study-fade-wrapper {
	opacity: 0;
	transition: all 0.5s;
}

.case-study-item.active .container__content--case-study-image-wrapper,
.case-study-item.active .case-study-fade-wrapper {
	opacity: 1;
	z-index: 1;
}

@include break($mobile-large-landscape) {
	.container--case-study {
		flex-flow: row;
		justify-content: center;
		width: 100%;
		max-width: 1800px;
		margin-left: auto;
		margin-right: auto;
	}
	.container__content--case-study-image-wrapper {
		justify-content: center;
		order: 1;
		flex-basis: 50%;
		display: flex;
		background-color: $smoke;
	}

  .case-study-item {
    height: 500px;
  }

	.case-study-image {
		max-width: 256px;
	}

	.case-study-copy {
		max-width: 24rem;
	}

	.container__content--case-study-copy {
		order: 2;
		flex-basis: 50%;
		background-color: $snow;
	}

  .bullet-list {
    position: absolute;
    bottom: 1rem;
    z-index: 100;
    transform: none;
    left: auto;
  }

  .bullet-list__bullet {
    height: 0.5rem;
    width: 0.5rem;
  }
}

@include break($desktop-small) {
	.container__content--case-study-copy {
		padding: 8rem 6rem;
	}
}
<commit_msg>Fix positioning of bullets in use case carousel<commit_after>// Case Study block

.container--case-study {
  position: relative;
  overflow: hidden;
}

.container__content--case-study-copy {
  align-items: flex-start;
  text-align: left;
  background-color: $smoke;
  overflow: hidden;
}

.container__content--case-study-image-wrapper {
  display: none;
  position: relative;
  align-self: stretch;
}

.container__content--case-study-image-wrapper .image-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.bullet-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  z-index: 100;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.bullet-list__item {
  margin: 0 1rem 0 0;
  cursor: pointer;
}

.bullet-list__bullet {
  display: block;
  height: 0.625rem;
  width: 0.625rem;
  background-color: $light-gray;
  border-radius: 50%;
  transition: background-color 0.5s;
  margin: 0;
}

.bullet-list__bullet.active {
  background-color: $dark-gray;
}

.case-study-item {
  display: flex;
  height: 300px;
  width: 100%;
}

.case-study-item + .case-study-item {
  position: absolute;
  top: 0;
  left: 0;
}

.case-study-fade-wrapper {
  position: relative;
}

.case-study-item .container__content--case-study-image-wrapper,
.case-study-item .case-study-fade-wrapper {
  opacity: 0;
  transition: all 0.5s;
}

.case-study-item.active .container__content--case-study-image-wrapper,
.case-study-item.active .case-study-fade-wrapper {
  opacity: 1;
  z-index: 1;
}

@include break($mobile-large-landscape) {
  .container--case-study {
    flex-flow: row;
    justify-content: center;
    width: 100%;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
  .container__content--case-study-image-wrapper {
    justify-content: center;
    order: 1;
    flex-basis: 50%;
    display: flex;
    background-color: $smoke;
  }

  .case-study-item {
    height: 500px;
  }

  .case-study-image {
    max-width: 256px;
  }

  .case-study-copy {
    max-width: 24rem;
  }

  .container__content--case-study-copy {
    order: 2;
    flex-basis: 50%;
    background-color: $snow;
    padding: 5rem 2rem;
  }

  .bullet-list {
    position: absolute;
    bottom: 5rem;
    z-index: 100;
    transform: none;
    left: auto;
  }

  .bullet-list__bullet {
    height: 0.5rem;
    width: 0.5rem;
  }
}

@include break($desktop-small) {
  .container__content--case-study-copy {
    padding: 6rem;
  }

  .bullet-list {
    bottom: 6rem;
  }
}

{'fraction_non_alphanumeric': 0.1502458210422812, 'fraction_numerical': 0.03166175024582104, 'mean_word_length': 3.0983078162771958, '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': '636694', 'n_tokens_mistral': 2136, 'n_tokens_neox': 1902, 'n_words': 384}