.landing-section {
  margin-top: 0;
}
.landing-section .heading {
  color: #009BC2;
  word-break: normal;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  font-size: 5rem;
  margin-bottom: 100px;
}


.landing-section .grid {
  position: relative;
  grid-template-columns: repeat(2, auto);
  height: 600px;
  gap: 100px;
}
.landing-section .grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.landing-section .block {
  color: white;
  width: fit-content;
  height: fit-content;
  display: block;
  background-color: #009BC2;
  padding: 50px;
}
.block h4 {
  margin-bottom: 0;
}

.landing-section .block1 {
  position: absolute;
  top: 0;
  left: 0;
}
.landing-section .block2 {
  position: absolute;
  bottom: 0;
  right: 0;
}


.introduction-section img {
  width: 40%;
  float: right;
  margin: 20px;
}

@media screen and (max-width: 800px) {
  section .heading {
    font-size: 4rem;
  }
  main article {
    margin-inline: 5%;
  }
}
@media screen and (max-width: 500px) {
  .landing-section .heading {
    font-size: 3rem;
  }
  .introduction-section img {
    width: 100%;
    float: right;
    margin: 20px 0px;
  }
  .landing-section .block {
    padding: 20px;
  }
}