#wrap { background: #EBEDF3; min-height: 100vh;display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12rem;}
#wrap .img_wrap { text-align: center; }
#wrap .img_wrap img { width: 80%; max-width: 35rem;}

.loader{
    display: block;
    position: relative;
    height: 10px;
    width: 70px;
    background-image: 
    linear-gradient(#FFF 10px, transparent 0), 
    linear-gradient(#FFF 10px, transparent 0), 
    linear-gradient(#FFF 10px, transparent 0), 
    linear-gradient(#FFF 10px, transparent 0);
    background-repeat: no-repeat;
    background-size: 10px auto;
    background-position: 0 0, 20px 0, 40px 0, 60px 0;
    animation: pgfill 1s linear infinite;
  }
  
  @keyframes pgfill {
    0% {   background-image: linear-gradient(#FFF 10px, transparent 0), linear-gradient(#FFF 10px, transparent 0), linear-gradient(#FFF 10px, transparent 0), linear-gradient(#FFF 10px, transparent 0); }
    25% {   background-image: linear-gradient(#f67f00 10px, transparent 0), linear-gradient(#FFF 10px, transparent 0), linear-gradient(#FFF 10px, transparent 0), linear-gradient(#FFF 10px, transparent 0); }
    50% {   background-image: linear-gradient(#f67f00 10px, transparent 0), linear-gradient(#f67f00 10px, transparent 0), linear-gradient(#FFF 10px, transparent 0), linear-gradient(#FFF 10px, transparent 0); }
    75% {   background-image: linear-gradient(#f67f00 10px, transparent 0), linear-gradient(#f67f00 10px, transparent 0), linear-gradient(#f67f00 10px, transparent 0), linear-gradient(#FFF 10px, transparent 0); }
    100% {   background-image: linear-gradient(#f67f00 10px, transparent 0), linear-gradient(#f67f00 10px, transparent 0), linear-gradient(#f67f00 10px, transparent 0), linear-gradient(#f67f00 10px, transparent 0); }
  }