.projects-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
}

.project {
    width: 400px;
    height: 600px;
    background: var(--white);
    border-radius: 20px;
    transition: all 0.5s;
    box-shadow: 0 0 20px #000000;
    background-position: center;
    background-size: cover;
}

.project:hover {
    scale: 1.1;
}

.project:nth-child(1) {
    background-image: url(https://i.postimg.cc/XYq9h5GF/ayo-ogunseinde-6-W4-F62s-N-y-I-unsplash.jpg);
}

.project:nth-child(2) {
    background-image: url(https://i.postimg.cc/Pq8YfkM5/taylor-Xqb7-Gm-V-Vo-Q-unsplash.jpg);
}

.project:nth-child(3) {
    background-image: url(https://i.postimg.cc/XqWwDDd7/karina-tess-l35d-DPD3-Gys-unsplash.jpg);
}

@media (max-width: 1280px) {
    .projects-container {
        width: 100%;
        height: auto;
    }
    
    .project {
        width: 300px;
        height: 500px;
    }
}

@media (max-width: 420px) {
    .project {
        width: 250px;
        height: 300px;
    }
}