.section-accordion_overlay .container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.section-accordion_overlay .container .content {
  width: calc(60% - 50px);
  padding: 50px 0;
}
.section-accordion_overlay .container .content *:is(h1, h2) {
  font-size: 5em;
}
.section-accordion_overlay .container .content *:is(h1, h2):last-child {
  margin-bottom: 0;
}
.section-accordion_overlay .container .content .text {
  margin-top: 25px;
  font-size: 1.2em;
}
.section-accordion_overlay .container .content .text p {
  font-weight: 500;
}
.section-accordion_overlay .container .content .text {
  max-width: 500px;
}
.section-accordion_overlay .container .content .text:first-child {
  margin-top: 0;
}
.section-accordion_overlay .container .content .text table tr td {
  padding-right: 40px;
}
.section-accordion_overlay .container .content .text table tr td .text-large {
  font-size: 1.5em;
}
.section-accordion_overlay .container .items {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 40%;
  display: flex;
  transition: all 0.5s;
}
.section-accordion_overlay .container .items .item {
  flex: 1 1 0;
  transition: flex-grow 0.5s ease;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  overflow: hidden;
}
.section-accordion_overlay .container .items .item > img {
  position: absolute;
  inset: 0;
  right: -5%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  transition: all 0.5s;
}
.section-accordion_overlay .container .items .item .text {
  opacity: 0;
  visibility: hidden;
  width: 40%;
  position: relative;
  transition: all 0.5s;
}
.section-accordion_overlay .container .items .item:hover {
  flex-grow: 5;
  padding: 50px;
}
.section-accordion_overlay .container .items .item:hover > img {
  right: 0;
}
.section-accordion_overlay .container .items .item:hover .text {
  animation: overlayTextFade 1s forwards;
}
.section-accordion_overlay .container .items:hover {
  width: 100%;
}
.section-accordion_overlay .container .buttons {
  width: 100%;
  justify-content: flex-start;
}
@keyframes overlayTextFade {
  0%, 50% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 1000px) {
  .section-accordion_overlay .container .content {
    width: 100%;
  }
  .section-accordion_overlay .container .items {
    position: relative;
    flex-wrap: wrap;
    width: 100%;
    grid-gap: 20px;
  }
  .section-accordion_overlay .container .items .item {
    flex: 1 1 calc(50% - 10px);
    flex-grow: unset !important;
    padding: 0 !important;
    min-width: 300px;
    flex-wrap: wrap;
    display: block;
  }
  .section-accordion_overlay .container .items .item > img {
    position: relative;
    right: unset;
    height: 300px;
  }
  .section-accordion_overlay .container .items .item .text {
    opacity: 1;
    visibility: visible;
    width: 100%;
    margin-top: 20px;
    animation: unset !important;
  }
  .section-accordion_overlay .container .items .item .text h3 {
    margin-top: 0;
    font-size: 1.75em;
  }
}
@media (max-width: 650px) {
  .section-accordion_overlay .container .items .item {
    flex: 1 1 100%;
  }
}
/*

Scroll Animations

*/
.section-accordion_overlay .container {
  margin-top: -50px;
  opacity: 0;
  transition: all 1s;
}
.section-accordion_overlay.scrolled-to .container {
  margin-top: 0;
  opacity: 1;
}