.hero {
  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../../image/leather-shop.jpg');
  background-position: center;
  background-size: cover;
  height: 80vh;
  display: flex;
  align-items: center;
  text-align: center;
  color: white;
}

.hero h1 {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.hero p {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}