#popular-users-container{
        border: 1px solid gray;
        border-radius: 7px;
        height: 670px;
        width: 1320px;
        margin: 100px 0px 100px 0px;
        background-color: white;
   }
    

    #popular-user-card-container{
        border: 1px solid transparent;
        border-radius: 0px 0px 13px 13px;
        width: 1300px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 5px;
        position: relative;
        /* margin-top: 100px; */
    }
    #popular-users-title-container{
        border: 1px solid gray;
        border-radius: 7px 7px 0px 0px;
        height: 45px;
        margin-bottom: 10px;
        width: 1320px;
    }
    #popular-users-title-text{
        border: 1px solid transparent;
        float: left;
        padding: 13px 20px;
    }

    .popular-user-card{
        border: 1px solid transparent;
        height: 300px;
        position: relative;
        /* float: left; */
    }
    .img-box{
        border: 1px solid transparent;
        height: 245px;
        width: 317px;
        position: relative;
        top: 0;
        left: 0;
    }
    .user-profile-img{
        border: 1px solid transparent;
        height: 35px;
        width: 35px;
        position: absolute;
        top: 7px;
        border-radius: 13px;
        left: 3px;
        z-index: 2;
    }
    .user-profile-img-url{
        border: 1px solid transparent;
        border-radius: 13px;
        height: 35px;
        width: 35px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .user-name{
        border: 1px solid transparent;
        position: absolute;
        top: 10px;
        left: 55px;
        z-index: 3;
        color: white;
    }
        
  

    .background-img{
        border: 1px solid black;
        position: absolute;
        border-radius: 17px;
        height: 100%;
        width: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .user-info-container{
        border: 1px solid black;
        height: 99px;
        opacity: .5;
        border-radius: 0px 0px 17px 17px;
        width: 100%;
        position: absolute;
        bottom: -17px;
        display: none;
        left: 0;
        color: white;
        background-color: black;
        z-index: 2;
    }
    .popular-user-card:hover .user-info-container{
        display: block;
    }
    .user-profile-uploads-info{
        position: absolute;
        border: 1px solid transparent;
        bottom: 55px;
        z-index: 3;
        width: 300px;
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(3, 1fr);
        left: 5;
        color: transparent;
        /* display: none; */
    }
    .popular-user-card:hover .user-profile-uploads-info{
        color: white;
    }
    
    .profile-uploads{
        border: 1px solid transparent;
        padding: 5px 10px;
        color: transparent;
    }
    .popular-user-card:hover .profile-uploads{
        /* border: 1px solid white; */
        /* border-radius: 5px; */
        padding: 5px 10px;
        color: white;
    }
    .product-borders{
        border-right: 1px solid transparent;
    }
    .popular-user-card:hover .product-borders{
        border-right: 1px solid white;
    }
    .image-borders{
        border-left: 1px solid transparent;
    }
    .popular-user-card:hover .image-borders{
        border-left: 1px solid white;
    }

    
    .profile-info-about-user{
        border-top: 1px solid lightgray;
        display: none;
        float: left;
        width: 300px;
        position: absolute;
        bottom: 10px;
        text-align: left;
        left: 0px;
        padding-left: 10px;
        color: white;
        z-index: 3;
        height: 40px;
        margin: 5px 0px 0px 7px;
    }
    .popular-user-card:hover .profile-info-about-user{
        display: block;
    }


    .followers-count-box{
        border: 1px solid transparent;
        color: black;
        z-index: 5;
        position: absolute;
        top: 253px;
        left: 20px;
    }