.image-container {
  width: 240px;
  height: 150px;
  /* border: 1px solid #ccc; */
  overflow: hidden; /* Hide parts of the image that extend beyond the container */
} 

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Scales the image to fit within the container while maintaining aspect ratio */
  /* Other options for object-fit: cover (fills the container, potentially cropping), fill (stretches to fill, may distort) */
} 

.text-container {
  width: 240px;
  color: white;
  /* border: 5px solid #ccc; /* Optional: for visualization */
  padding: 10px; /* Optional: adds space inside the box */
  box-sizing: border-box; /* Ensures padding and border are included in the 240px width */
}

.story-box {
	width: 240px;
/*	border: 1px solid red; */