.showcase-content h2{
    text-align: left;
    font-size: 2rem;
    padding: 1rem;
    border-bottom:solid 2px #000
}
.showcase-content ul li{
    display: inline-block;
    border: solid 1px #503f2f;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 1.1rem;
    color: #503f2f;
    margin: 5px;
}
.showcase-content .image-wrapper {
  position: relative;
  display: inline-block;
}
.showcase-content .image-wrapper::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
}
.showcase-content .image-wrapper img{
    border: solid 1px rgba(0,0,0,0.2);
}
.showcase-content .image-wrapper img {
  opacity: 0;
  transform: translateX(20px);
  animation: slideFadeIn 1.5s ease forwards ;
  animation-delay: 0.5s; /* お好みで調整 */
}

@keyframes slideFadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}