.paragraph--type--zig-zag {
  display: flex;
}


.field--name-field-zig-zag>.field__item.odd .paragraph--type--zig-zag {
  flex-direction: row-reverse;
}

.field--name-field-zig-zag>.field__item.even .paragraph--type--zig-zag .field--name-field-txt {
  padding-left: 20px;
}

.field--name-field-zig-zag>.field__item.odd .paragraph--type--zig-zag .field--name-field-txt {
  padding-right: 20px;
}

.paragraph--type--zig-zag>* {
  flex: 0 0 50%;
}


.paragraph--type--zig-zag>* img {
  width: 100%;
  height: auto;
}

.paragraph--type--zig-zag .field--name-field-txt {
  align-self: center;
}




/* 1080 and less */
@media (max-width: 1080px) {

  /* CSS rules for screens 1080px wide or less */
  .paragraph--type--zig-zag>* {
    flex: 0 0 100%;
  }

  .paragraph--type--zig-zag,
  .field--name-field-zig-zag>.field__item.odd .paragraph--type--zig-zag {
    flex-direction: column-reverse;
  }

  .field--name-field-zig-zag>.field__item.even .paragraph--type--zig-zag .field--name-field-txt {
    padding-left: 0px;
  }

  .field--name-field-zig-zag>.field__item.odd .paragraph--type--zig-zag .field--name-field-txt {
    padding-right: 0px;
  }


}



@media (max-width: 1200px) {
  /* Your styles here */

}


@media (max-width: 992px) {
  /* Your styles here */

}


@media (max-width: 768px) {
  /* Your styles here */

}