html, body{
  background-image: url("../MEDIA/Sullyoon.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  margin: 0;
}
@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: 30px;
 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%);
}
}