.services {
  display: flex;
  column-gap: var(--spacing);
  scroll-margin-top: 240px;
}

.seperator {
  background: var(--color-secondary);
  width: 26px;
}

.services-content {
  border-width: 4px 0 4px 0;
  width: 60vw;
  border-style: solid;
  border-color: var(--color-secondary);
}

.tower2 {
  height: 600px;
  width: 30vw;
  object-fit: cover;
  border-width: 4px 0 4px 0;
  border-style: solid;
  border-color: black;
  margin-left: var(--spacing);
}

.about-me-content {
  margin-top: 20px;
}

@media (max-width: 1020px) {
  .services {
    flex-direction: column-reverse;
  }

  .services-content {
    width: 90%;
    margin-left: 20px;
    border: none;
  }

  .tower2 {
    height: 400px;
    width: 100%;
    margin: 0;
  }
}