.section1 {
  min-height: 90vh;
  background: url("../assets/images/ISMachine2.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: 39%;
  background-attachment: fixed;
}

.section1::after {
  content: "";
  width: 100%;
  height: 200px;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  clip-path: polygon(100% 50%, 0 100%, 100% 100%);
}

.section1 > .content {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 50%;
  border-radius: 5px;
  padding: 0.5rem;
}

.section1 > .content > h1 {
  margin-bottom: 0.5rem;
  font-size: 2rem;
}

.section1 > .content > h1,
.section1 > .content > p {
  color: #ffffff;
}

.section1 > .content > h1 > span {
  font-size: 4rem;
}

/* .section1 > .content > p {
  width: 400px;
} */

@media (max-width: 48em) {
  .section1 {
    min-height: 90vh;
  }
  .section1 > .content > h1 {
    font-size: 1.5rem;
  }

  .section1 > .content > h1 > span {
    font-size: 2rem;
  }

  .section1 {
    background-position: center;
  }
  .section1 > .content {
    width: 100%;
    margin: 0 auto;
    bottom: 10%;
  }

  .section1::after {
    clip-path: polygon(100% 70%, 0 100%, 100% 100%);
    background-color: #595A4A;
  }
}

@media (min-width: 48em) and (max-width: 64em) {
  .section1 > .content {
    bottom: 10%;
  }
}

/* 
@media (min-width: 64em) and (max-width: 90em) {

} */