.pfp-cropper{display:flex;width:100%;max-width:100%}.pfp-container{width:100%;height:400px;max-width:100%}#source{margin:0 5px}.pfp-image{opacity:1;transition:.5s ease;backface-visibility:hidden;border-radius:50%;overflow:hidden;width:100%}.profile-pic{width:130px;height:130px;border-radius:100%;background-color:white;position:relative}.activate-modal{background:transparent;border:none;outline:none;padding:0px;display:none}.profile-pic:hover .pfp-image{opacity:0.3}.profile-pic:hover .overlay{opacity:1}.image-box{background:-webkit-linear-gradient(0deg, #00eae3 0%, #e60072 100%);width:144px;height:144px;border-radius:100%;padding:0px;margin-right:1rem;margin-left:1rem}