/* Create a simple placeholder image with CSS */
.placeholder {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 24px;
  text-align: center;
  border-radius: 8px;
}

.placeholder-skyline {
  position: relative;
}

.placeholder-skyline::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
}


.placeholder-attraction {
  background: linear-gradient(to right, #56ab2f, #a8e063);
}

.placeholder-restaurant {
  background: linear-gradient(to right, #cb356b, #bd3f32);
}

.placeholder-transport {
  background: linear-gradient(to right, #3a7bd5, #3a6073);
}