.hero424 {
  background-image: linear-gradient(rgba(102, 51, 0, 0.6), rgba(153, 102, 51, 0.2)),
    url(../img/hero/cod424-hero.jpg);
  height: 45vh;
  background-size: cover;
  background-position: center 40px;
  /* <--- Pushes top of photo 30px down */
  padding-top: 1vh;
  padding-bottom: 0;
  font-family: "Noto Serif", serif;
  font-size: 3rem;
  font-weight: 700;
}


#cod424 {
  background-image: linear-gradient(rgba(51, 51, 51, 0.3), rgba(255, 102, 51, 0.5)),
    url(https://cod.ozyegin.edu.tr/img/cod424/cod424-generative-ai-cover-overlay.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 25vh;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0.8rem;
  font-family: "Noto Serif", serif;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}