.profile-upload { width: 100px; height: 100px; border-radius: 50%; margin-top: 15px auto 0px; // border: 2px dotted #ccc; position: relative; background-color: #272727; input { width: 100%; height: 100%; opacity: 0; position: absolute; left: 0px; top: 0px; z-index: 50; } span { color: #505a82; font-family: numeralLight; height: 20px; position: absolute; left: 0px; top: calc(50% - 10px); width: 100%; text-align: center; z-index: 10; } } @media screen and (min-width: 1441px) { .profile-upload { } } @media screen and (min-width: 1008px) and (max-width: 1440px) { .profile-upload { } } @media screen and (min-width: 641px) and (max-width: 1007px) { .profile-upload { width: 80px; height: 80px; } } @media screen and (max-width: 640px) { .profile-upload { width : 80px; height : 80px; } }