.top-image {
    width: 100%;
    height: 587px;
    background-image: url('/images/protop.png');
    background-position: center;
    background-size: cover;
    position: relative;
}

.top-image-container {
    background-color: #16151529;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.top-image-container-center {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.w-400
{
    width:360px;
}

.top-image-mockup {
    position: absolute;
    top: 0px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width:580px;
    height:776px;
}

.top-image-badge-container{
    text-align:left;
}

.top-image-badge {
    height: 34px;
}

.home-image-banner {
    height: 655px;
    background-position: center;
    background-size: cover;
}

.pro-top-image-center {
    position: absolute;
    width:659px;
    top: 270px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pro-user-container-parent {
    text-align: center;
    margin-bottom: 4px;
    background-size: cover;
    background-position: center;
    background-color: var(--mainBlack);
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
    flex-basis: 31%;
}

.pro-user-container {
    width: 94px;
    height: 112px;
    margin: 0 auto;
    padding-top:18px;
}

.pro-user-image-bg {
    width: 100%;
    height: 100%;
    -moz-border-radius: 270px;
    -webkit-border-radius: 270px;
    border-radius: 270px;
    background-position: center;
    background-size: cover;
    border: solid 1px;
    position: relative;
}

.pro-user-badge {
    position: absolute;
    height: 32px;
    width: 32px;
    bottom:0px;
    left:0px;
}

.pro-user-animal {
    position: absolute;
    height: 40px;
    width: 40px;
    bottom: 0px;
    right: 0px;
}

.pro-mockup-image {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -100px;
}