.flexlayout {
  --gap:30px;
  column-gap: var(--gap);
  row-gap: var(--gap);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.flexlayout > div {
  margin-right: 0px;
}
.flexlayout div img {
  max-width: 100%;
  height: auto;
}
.flexlayout.s_1_1_1 div:nth-of-type(1) {
  flex: 1 0 0;
  width: calc(33% - var(--gap));
}
.flexlayout.s_1_1_1 div:nth-of-type(2) {
  flex: 1 0 0;
  width: calc(33% - var(--gap));
}
.flexlayout.s_1_1_1 div:nth-of-type(3) {
  flex: 1 0 0;
  width: calc(33% - var(--gap));
}
.flexlayout.s_1_2_0 div:nth-of-type(1) {
  flex: 1 0 0;
  width: calc(33% - var(--gap));
}
.flexlayout.s_1_2_0 div:nth-of-type(2) {
  flex: 2 0 0;
  width: calc(66% - var(--gap));
}
.flexlayout.s_1_0_0 div:nth-of-type(1) {
  flex: 1 0 0;
  width: 100%;
}
.flexlayout.s_2_1_0 div:nth-of-type(1) {
  flex: 2 0 0;
  width: calc(66% - var(--gap));
}
.flexlayout.s_2_1_0 div:nth-of-type(2) {
  flex: 1 0 0;
  width: calc(33% - var(--gap));
}