.mainArea {
  position: relative;
}

.contentBox {
  padding-bottom: 40vw;
}
.contentBox .textEditor {
  position: relative;
  z-index: 1;
}
.contentBox > .bgImg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  -webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 15.1%, rgba(0, 0, 0, 0.4) 30.2%, rgba(0, 0, 0, 0.6) 45.29%, rgba(0, 0, 0, 0.8) 60.39%, rgb(0, 0, 0) 75.49%) center/100% 100% no-repeat;
          mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 15.1%, rgba(0, 0, 0, 0.4) 30.2%, rgba(0, 0, 0, 0.6) 45.29%, rgba(0, 0, 0, 0.8) 60.39%, rgb(0, 0, 0) 75.49%) center/100% 100% no-repeat;
}
@media (max-width: 1023px) {
  .contentBox > .bgImg {
    height: 75vw;
  }
  .contentBox > .bgImg img {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/*# sourceMappingURL=about.css.map */