.randomSection {
  height: 250vh;
  width: 100vw;
  background-color: lightblue;
}

footer {
  background-color: pink !important;
}

.content {
  height: 70vh;
}

#contact-section {
  width: 100vw;
  margin-top: 10vh;
  min-height: 150vh;
  margin: 0px;
  overflow: hidden;
}

#contact-image {
  transform: translate3d(0px, 0px, 0px) scale(1.00212, 1.00212);
  position: relative;
  top: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  transition: border-radius 0.3s;
}

@media (max-width: 768px) {
  #contact-image {
    position: relative;
    top: 0;
    width: 100%;
    height: 100vh;
    border-radius: 0;
  }
}

.contact-text-wrapper {
  margin-top: -152vh;
}

.contact-text-container {
  padding: 0 10%;
  position: relative;
  margin: 80vh 0;
  opacity: 0;
  transition: opacity 0.8s;
}

.contact-text-container.visible {
  opacity: 1;
}

.contact-text-container-element {
  color: white;
  text-align: left;
  font-size: clamp(5vmax, 15vmax, 3rem);
  font-weight: 700;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (max-width: 400px) {
  .contact-text-container {
    font-size: clamp(5vmax, 15vmax, 3rem);
    padding: 0 10%;
  }
}

form {
  height: 50vh;
  width: 50vw;
}