.side_by_side_outer {
  background: #eee;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
  overflow-x: scroll;
  gap: 1.5rem;
  padding: 1.5rem;
}

.side_by_side_inner {
  background-color: #fff;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.0509803922), 0 1px 24px -8px rgba(0, 0, 0, 0.1490196078);
  color: #000;
  min-width: 60%;
  background: #fff;
  border-radius: 0.4rem;
  padding: 1.5rem;
}

@media screen and (max-width: 768px) {
  .side_by_side_outer {
    padding: 1rem;
  }
  .side_by_side_inner {
    min-width: 90%;
    padding: 1rem;
  }
}