html, body {
  background: url(https://journal.uinsgd.ac.id/public/site/images/bbusro/bg.jpg);
  background-size: 300px;
}

.homepage_image {
    display:inline-block;
    width:28%;
    margin-left:0px;
    float:right;
}

.homepage_image img {
    margin:60px 0px 0px -20px;
    box-shadow:4px 2px 5px gray;
    width:300px;

 }

.homepage_about {
    display:inline-block;
    width:70%;
}


.current_issue{
    display:block;
}

@media (max-width: 600px) {
/* For mobile phones: */
  .homepage_about {
    width:100%;
  }
}


@media (max-width: 991px) {
    .homepage_about{
        margin-top:30px;
    }


}


@media (max-width: 360px) {
/* For mobile phones: */
    .homepage_image {
        width:90%;
        margin:0;
    }

        .homepage_about{
        margin-top:0px;
    }
}

.homepage_about p{
    text-align:justify;
}

.pkp_navigation_user>li>a {
        color: rgba(0,0,0,0.84);
        background: #8c8c8c;
    }

.pkp_block {
    padding: 2.143rem 1.43rem;
    font-size: 1rem;
    line-height: 1.43rem;
    width:300px;
}

/* ===== FLAG WAVE ANIMATION ===== */
.flag-wave {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.flag-wave img {
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    animation: flagWave 2s ease-in-out infinite;
    transform-origin: left center;
}

.flag-wave img:nth-child(1) { animation-delay: 0s; }
.flag-wave img:nth-child(2) { animation-delay: 0.2s; }
.flag-wave img:nth-child(3) { animation-delay: 0.4s; }
.flag-wave img:nth-child(4) { animation-delay: 0.6s; }
.flag-wave img:nth-child(5) { animation-delay: 0.8s; }
.flag-wave img:nth-child(6) { animation-delay: 1.0s; }
.flag-wave img:nth-child(7) { animation-delay: 1.2s; }

@keyframes flagWave {
    0%   { transform: skewX(0deg) scaleX(1); }
    25%  { transform: skewX(-3deg) scaleX(0.97); }
    50%  { transform: skewX(3deg) scaleX(1.02); }
    75%  { transform: skewX(-2deg) scaleX(0.98); }
    100% { transform: skewX(0deg) scaleX(1); }
}