html, body {
    margin: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: bgchange 8s infinite alternate ease-in-out;
}

@keyframes bgchange {
  0%   { background-color: #2515F0; }   /* رنگ اول: آبی */
  50% { background-color: #ff4081; }   /* رنگ سوم: صورتی */
    100%  { background-color: #ffeb3b; }   /* رنگ دوم: سبز نئونی */
}


img {
    width: 25vw;
    height: auto;
}

@media (max-width: 767px) {
    img {
        width: 60vw;
    }
}