/* Collapsing container */
.wysiwyg-content  {
  container: sidebar / inline-size;
}
.tab-container {
  width:107%;
}

.collapse-box {
}

.main-area {
  width:70%;
  display: inline-block;
  margin-right:3%;
}

.side-area {
  width:25%;
  display: inline-block;
  float:right;
  border-left: 1px solid #ccc;
  padding-left:3cqw;
}

.sidebar-image {
  width:250px;
  height:auto;
}

@container sidebar (max-width: 993px) {

.collapse-box {
  flex-wrap: nowrap;
}

.main-area {
  width:100%;

}

.side-area {
  width:100%;
  float:none;
  border:none;
  padding-left: 0px;

}

.sidebar-image {
  width:300px;
  height:auto;
  float:left;
  padding-right:25px;
}

}

@container sidebar (max-width: 575px) {

  .sidebar-image {
    width:100cqw;;
    height:auto;
    float:none;
    padding-right:0px;
  }

  .tab-container {
    width:100%;
  }



}