@keyframes backgroundAnimation {
    0%

{
    transform: scale(1) translate(0, 0);
}

50% {
    transform: scale(1.1) translate(-1%, -1%);
}

100% {
    transform: scale(1) translate(0, 0);
}

}

body {
    font-family: 'Poppins', sans-serif;
    position: relative;
    overflow: hidden;
}

    body::after {
        content: '';
        position: fixed;
        top: -10%;
        left: -10%;
        width: 120%;
        height: 120%;
        background-image: url('https://aitrends.com.tr/wp-content/uploads/2024/02/yapay-zekanin-tarihi.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        animation: backgroundAnimation 20s ease-in-out infinite;
        z-index: 0;
    }

    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
        z-index: 1;
    }

.container {
    position: relative;
    z-index: 2;
}