#wrap { background: #f6f7fb; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;gap: 12rem;}

.img_wrap { text-align: center; }
.img_wrap img { width: 70%; max-width: 35rem;}

.loading_wrap { position: relative; width: fit-content; text-align: center;}
.loading_wrap:after { content:''; position: absolute; width: 96%; height: 32%; background: #f6f7fb; bottom: 0; right: 0; -webkit-animation: loading 1.8s; -o-animation: loading 1.8s; animation: loading 1.8s; animation-timing-function: ease-out;animation-fill-mode: both;}
.loading_wrap img { width: 60%;}

@keyframes loading {
0% { width: 96%;}
100% { width: 0%;}
}