.section--portfolio-img-text-block {
  margin-bottom: var(--margin-bottom);
}

.section--portfolio-img-text-block-wrapper {
  display: flex;
  align-items: center;
}

.section--portfolio-img-text-block-text {
  width: 55%;
}

@media only screen and (max-width: 1280px) {
  .section--portfolio-img-text-block-text {
    width: 100%;
    justify-content: center !important;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 1440px) {
  .section--portfolio-img-text-block h3 {
    font-size: var(--h3--font-size--desktop);
  }
}

.section--portfolio-img-text-block-img {
  width: 45%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 100px;
}

@media only screen and (max-width: 1280px) {
  .section--portfolio-img-text-block-img {
    width: 100%;
    justify-content: center !important;
    padding-right: 0px;
    padding-left: 0px;
  }
}

@media only screen and (max-width: 1280px) {
  .section--portfolio-img-text-block
    .section--portfolio-img-text-block-img
    img {
      max-width: 100%;
      max-height: 350px;
  }
}

@media only screen and (max-width: 768px) {
  .section--portfolio-img-text-block
    .section--portfolio-img-text-block-img
    img {
      max-width: 100%;
      max-height: 200px;
  }
}

.section--portfolio-img-text-block-img figure,
.section--portfolio-img-text-block-img img {
  max-width: 100%;
  width: auto;
}

.section--portfolio-img-text-block p {
  margin-top: 40px;
  line-height: var(--line_hight--large);
}

.section--portfolio-img-text-block-wrapper.portfolio-img-text-block--left
  .section--portfolio-img-text-block-img {
  order: -1;
  padding-left: 0;
  padding-right: 100px;
  justify-content: flex-start;
}

@media only screen and (max-width: 1280px) {
  .section--portfolio-img-text-block-wrapper.portfolio-img-text-block--left
    .section--portfolio-img-text-block-img {
    order: initial;
    padding-left: 0;
    padding-right: 0;
  }
}
