.card .card-image img {
		height: 300px; /* or whatever height you prefer */
		width: 100%;
		object-fit: cover;
}

body {
  background-color: #121212;
  color: #e0e0e0;
}

.card {
  background-color: #1e1e1e;
  color: #e0e0e0;
}

.card .card-action a {
  color: #90caf9;
}

.card-image {
  position: relative;
  overflow: hidden;
}

.caption-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5); /* semi-transparent black */
  padding: 10px 12px;
}

.caption-text {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 500;
}

nav .brand-logo {
  padding-left: 16px;
}

.avatar-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

#output .card {
  max-width: 800px; /* or whatever feels comfortable */
  margin: 0 auto;    /* center horizontally */
}