.red-panda-card{
    width: 18rem;
    margin: 0px 0px 5px 10px;
    position: relative;   /* リボンの絶対配置コンテナに */
    overflow: hidden;
}

.card-image-container {
  width: 25px; /* Or any desired size */
  height: 25px; /* Must be the same as width for a circle */
  overflow: hidden;
  border-radius: 50%;
}

.card-image-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card-image-wrapper .image-text {
  font-size: 0.75rem;
}

.card-image-container img {
  width: 80%;
  height: 80%;
  object-fit: cover; /* Ensures the image covers the container */
}

.red-panda-card-body-text{
    min-height: 100px;
    max-height: 250px;
    max-width: 100%;
    line-clamp: 4;         /* newer standard syntax */
    box-orient: vertical;
    display: box;
}

.pop-3d-text {
  font-weight: bold;
  font-size: 1.5rem;
  color: #42dfc5;
  text-shadow: 0 1px 0 #78c6ad,
               0 2px 0 #5fa08b,
               0 3px 0 #4b7d6d,
               0 4px 0 #3c6558,
               0 5px 0 #2e4d43,
               0 6px 1px rgba(0,0,0,0.1),
               0 0 5px rgba(0,0,0,0.1),
               0 1px 3px rgba(0,0,0,0.3),
               0 3px 5px rgba(0,0,0,0.2),
               0 5px 10px rgba(0,0,0,0.25),
               0 10px 10px rgba(0,0,0,0.2),
               0 20px 20px rgba(0,0,0,0.15);
}