add profile picture to a form in html and css

1<div class="signup-w3ls">
2    <div class="signup-agile1">
3        <form action="#" method="post">
4        
5            <div class="form-control">
6                <label class="header">Profile Photo:</label>
7                
8                <input id="image" type="file" name="profile_photo" placeholder="Photo" required="" capture>
9            </div>
10            
11            <div class="form-control">
12                <label class="header">Store Name :</label>
13                <input type="text" id="store_name" name="store_name" placeholder="Store Name" title="Please enter your First Name" required="">
14            </div>
15            
16            <div class="form-control">
17                <label class="header">Store Type :</label>
18                <input type="text" id="store_type" name="store_type" placeholder="Store Type" title="Please enter your Last Name" required="">
19            </div>
20
21            <div class="form-control">
22                <label class="header">Owner Type :</label>
23                <input type="text" id="owner_type" name="owner_type" placeholder="Owner Type" title="Please enter a valid email" required="">
24            </div>
25
26            <div class="form-control">
27                <label class="header">Website :</label>
28                <input type="url" id="website" name="website" placeholder="Website" id="password1" required="">
29            </div>
30
31            <div class="form-control">
32                <label class="header">Contact Number :</label>
33                <input type="text" id="contact_number" name="contact_number" placeholder="Contact Number" required="">
34            </div>
35
36            <div class="form-control">
37                <label class="header">Contact Email :</label>
38                <input type="email" id="contact_email" name="contact_email" placeholder="Contact Email" required="">
39            </div>
40            
41            <input type="submit" class="register" value="Register">
42
43        </form>
44    </div>
45</div>
46

1#imageUpload
2{
3    display: none;
4}
5
6#profileImage
7{
8    cursor: pointer;
9}
10
11#profile-container {
12    width: 150px;
13    height: 150px;
14    overflow: hidden;
15    -webkit-border-radius: 50%;
16    -moz-border-radius: 50%;
17    -ms-border-radius: 50%;
18    -o-border-radius: 50%;
19    border-radius: 50%;
20}
21
22#profile-container img {
23    width: 150px;
24    height: 150px;
25}