.cover-image {
  position: relative;
  width: 100%;
  height: 300px; 
}

@media (min-width: 768px) {
  .cover-image {
    height: 500px; 
  }
}

.cover-image img {
  object-fit: cover; 
  height: 100%; 
}