html, body{
    background-image: url("../MEDIA/Jiwoo.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0;
    transition: background-image 1s ease-in-out;
    background-position: center;

}

@media (max-width: 910px) {
    .logo{
        width: 40px;
    }
}
.logo-img{
width: 43px;
}
.container{
    font-size: 20px;
   color: black;
   font-weight: bold;
   font-family: cursive;
   display: block;
   margin-left: 50px;
   margin-top: 20px;;
   -webkit-text-stroke: 1px;
   -webkit-text-color: red;
}

.images{
    border-width: 10px;
    padding-top: 30px;
    padding-right:30px;
    padding-bottom:20px;
    padding-left: 30px;

  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .image-wrapper {
    width: 80vw;
    overflow: hidden;
  }

  .image-container {
    display: flex;
    animation: moveImages 15s linear infinite;
  }

  .image-container img {
    width: 150px;
    margin-right: 20px;
  }

  @keyframes moveImages {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }