#loop-slides {    position: relative;    margin: auto;    left: 0;    height: 100%;    width: 100%;    overflow: hidden;}#loop-slides #container {    height: 100%;    width: 400%;    position: relative;    transition: all 0.5s;    animation: auto_slide 12s steps(1, end) infinite;}#loop-slides #container .page {    float: left;    height: 100%;    width: 25%;    margin: 0;    font-weight: bold;    color: #fff;    display: flex;    align-items: center;    justify-content: center;}#loop-slides #container .page h1{    padding-left: 10%;    padding-right: 10%;    box-sizing: border-box;    text-align: center;    font-size: min(3vw, 36px);    line-height: min(6vw, 72px);}#loop-slides #container .page h2{    padding-top: min(2vw, 24px);    text-align: center;    font-size: min(3vw, 36px);    line-height: min(6vw, 72px);}#loop-slides #container .page h3{    text-align: center;    font-size: min(2vw, 24px);    line-height: min(4vw, 48px);    color: gray;}#loop-slides #container .page:nth-child(1) {    background: #0b032d;}#loop-slides #container .page:nth-child(2) {    background: #0b032d;}#loop-slides #container .page:nth-child(3) {    background: #0b032d;}#loop-slides #container .page:nth-child(4) {    background: #0b032d;}@keyframes auto_slide {    0%,    100% {        left: 0;    }    25% {        left: -100%;    }    50% {        left: -200%;    }    80% {        left: -300%;    }}