.sticky-section {
  display: flex;
  flex-direction: row;

  position: relative;
}

.sticky-element {
  justify-content: center;
  align-items: center;
  display: flex;

  position: sticky;

  order: 2;
  overflow: hidden;
}

.sticky-section .content {
  order: 1;
}

@media (max-width: 1100px) {
  .sticky-element {
    width: 90%;
    padding: 5%;
    z-index: 1;
  }

  .sticky-section {
    display: block;
  }

  .sticky-section .content {
    width: 90%;
    padding: 5%;

    position: relative;
    z-index: 2;
  }
}