.main-container {
  padding: 0rem 0rem;
}

.heading {
  text-align: center;
  font-size: 20px;
  font-style: italic;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  background: linear-gradient(#ef9c00, rgb(255, 60, 0));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.image {
  height: 100%;
  width: 100%;
  border: 2px solid pink;
}

@media screen and (min-width: 768px) {
  .main-container {
    padding: 3rem 2rem;
  }
  .heading {
    font-size: 24px;
  }
  .image {
    height: 100%;
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .main-container {
    padding: 4rem 10rem;
  }
  .heading {
    font-size: 32px;
  }
  .image {
    height: 100%;
    width: 100%;
  }
}