.oc__block.oc__block__two-column-layout
.oc__block__two-column-layout__content {
  @media (min-width: 960px) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}

.oc__block.oc__block__two-column-layout
.oc__block__two-column-layout-column
.oc__block__copy-layout {
  max-width: 520px;

  margin: 0 auto;
  padding: var(--oc--spacing--10);
}


@media (min-width: 960px) {
  .oc__block.oc__block__two-column-layout
  .oc__block__two-column-layout-column:first-child {
    height: 100%;
    position: relative;
  }
}

@media (min-width: 960px) {
  .oc__block.oc__block__two-column-layout
  .oc__block__two-column-layout-column:first-child
  .oc__block__two-column-layout-column__content {
    height: 100vh;
    width: 100%;
    display: grid;
    place-items: center;
  }
}

@media (min-width: 960px) {
  .oc__block.oc__block__two-column-layout.oc__in-view
  .oc__block__two-column-layout-column:first-child
  .oc__block__two-column-layout-column__content {
    position: fixed;
    top: 0;
    width: 50%;
  }
}

@media (min-width: 960px) {
  .oc__block.oc__block__two-column-layout.oc__post-view
  .oc__block__two-column-layout-column:first-child
  .oc__block__two-column-layout-column__content {
    position: absolute;
    bottom: 0;
  }
}

@media (min-width: 960px) {
  .oc__block.oc__block__two-column-layout.oc__post-view
  .oc__block__two-column-layout-column:last-child {
    position: relative;
  }
}

@media (min-width: 960px) {
  .oc__block.oc__block__two-column-layout
  .oc__block__two-column-layout-column:last-child::after {
    position: fixed;
    bottom: 0;
    z-index: 5;

    content: '';
    height: 120px;
    width: 100%;

    opacity: 0;
    pointer-events: none;
    transition: all 0.20s ease-out;

    background: linear-gradient(0deg, #3F9DFF 0%, rgba(63, 157, 255, 0.00) 100%);
  }
}

@media (min-width: 960px) {
  .oc__block.oc__block__two-column-layout.oc__in-view
  .oc__block__two-column-layout-column:last-child::after {
    opacity: 1;
    bottom: 0;
  }
}

@media (min-width: 960px) {
  .oc__block.oc__block__two-column-layout.oc__post-view
  .oc__block__two-column-layout-column:last-child::after {
    position: absolute;
    opacity: 0;
  }
}