Profile with camera in tailwind css

profile-with-camera-in-tailwind-css.js

<div className={"space-y-2 grid place-items-center"}>
                                        <div
                                            className={"p-1 relative shadow-sm bg-gradient-to-b from-purple-500 to-fuchsia-500 w-48 h-48 rounded-full"}>
                                            <img
                                                className={"object-cover rounded-full w-full h-full"}
                                                src={"https://cdn.bio.link/uploads/profile_pictures/2022-06-09/38zFuPFJBsmcuzHNbishwas.png"}/>
                                            <div className="bg-purple-500/50 rounded-full p-3 w-12 h-12
                                            grid place-items-center absolute bottom-0 right-0">
                                                <FontAwesomeIcon icon={faCamera} className={"text-white/60 text-2xl"}/>
                                            </div>
                                        </div>
                                    </div>