图片标签字段的形状

Question

我要创建人脸形状，当用户单击该形状时，在其中上传图像文件标签。

这是我喜欢制作的形状，并且单击此形状文件上传时。 https://drive.google.com/open?id=17afw87mymqgM37BV2mO3B6BqU32K6Zpz

想要在形状内输入文件tang

<section class="container">
    <h1>UPLOAD PHOTO</h1>
    <h2>With Vertically and Horizontally Aligned Text</h2>
</section><!-- .container -->
<section class="shape-section">
    <div class="container diamond-shape">
        <div class="item-count">
            <br><br><br>
            <div style="margin-left: -9rem;">
                <form action="#" method="post">
                    @csrf
                    <div class="form-group form-group-lg">
                        <span>Upload Photo</span><br><br><br>
                        <input style="width: 22rem; display: initial;" 
                   class="form-control" type="file" name="photo">
                    </div><br>
                    <button class="btn btn-success" 
                     type="submit">Submit</button>
                </form>
            </div>
        </div><!-- .item-count -->
    </div><!-- .container .diamond-shape-->
</section><!-- .shape-section -->