@media screen and (max-width: 1200px){
    
    .profile-card{
        width: calc(33% - 1.33rem);
    }
    
    .profile-container .custom-container{
        gap: 2rem;
    }
    
    .homepage-container{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .formcontainer{
        position: relative;
        top: unset;
        right: unset;
    }
    
    .banner-content {
        top: 50%;
        left: 50%;
        transform: translate(-50% , -50%);
        align-items: center;
        width: 100%;
    }
    
    .banner-content p{
        text-align: center;
    }
}

@media screen and (max-width: 800px){
    
    .profile-card{
        width: calc(50% - 1rem);
    }

}


@media screen and (max-width: 600px){
    
    .profile-card{
        width: 100%;
    }

}