.paragraph--type--main-body-section {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 350px;
  /* main body section has padding left and right causing these to not be full width lets force them to be full width */
  margin-left: -2rem;
  margin-right: -2rem;
  width: calc(100% + 4rem);
}

.paragraph--type--main-body-section.alignment--left .field--name-field-mbs-content,
.paragraph--type--main-body-section .left-content,
.paragraph--type--main-body-section.alignment--right .field--name-field-image-opposite-content {
  grid-column: 1 / span 6;
  padding: 1rem 3rem;
}

.paragraph--type--main-body-section.alignment--right .field--name-field-mbs-content,
.paragraph--type--main-body-section .right-content,
.paragraph--type--main-body-section.alignment--left .field--name-field-image-opposite-content{
  grid-column: 7 / span 6;
  padding: 1rem 3rem;
}

.paragraph--type--main-body-section.alignment--full .field--name-field-mbs-content,
.paragraph--type--main-body-section .full-content {
  grid-column: 1 / span 12;
  padding: 1rem 3rem;
}

.field--name-field-image-opposite-content {
  display: flex;
  align-items: center;
  justify-content: center;
}