列的自举透明度

我想知道是否有人可以协助我制作白色背景,其中“与我联系”和社交媒体图标应为半透明的,这样我才能部分看透背景图像。以下是我使用的代码。如果您需要更多信息,请告诉我。非常感谢Michelle

    <div class="row text-center">
        <div class="col-12">
            <h2 id="Connect">Connect With Me</h2>
        </div>

        <div class="col-12 social">
            <a href="https://www.facebook.com/rnmichelle.lindemann" target="_blank"><i
                    class="fab fa-facebook-square"></i></a>
            <a href="https://www.youtube.com/channel/UCEHcweL4dbRLxhcWojG-Zqw" target="_blank"><i
                    class="fab fa-youtube-square"></i></a>
            <a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a>
            <a href="https://www.instagram.com/michelle_mlcosmeticclinics/" target="_blank"><i
                    class="fab fa-instagram"></i></a>
        </div>
    </div>


    <!--- Footer -->
    <div class="footer">

        <div class="container-fluid">
            <div class="row text-center">
                <div class="col-md-6">
                    <h5 id="Contact">Contact Me</h5>
                    <hr class="border">
                    <p>777 777 777</p>
                    <p>michellelindemann@magicalstories.com</p>
                    <p>25 Istana View</p>
                    <p>Clear Island Waters, Qld, 4226</p>

                </div>

                <div class="col-md-6">
                    <form action="/action_page.php">
                        <label for="fname">First Name</label>
                        <input type="text" id="fname" name="firstname" placeholder="Your name..">
                        <label for="lname">Last Name</label>
                        <input type="text" id="lname" name="lastname" placeholder="Your last name..">
                        <label for="country">Country</label>
                        <select id="country" name="country">
                            <option value="australia">Australia</option>
                            <option value="canada">Canada</option>
                            <option value="usa">USA</option>
                        </select>
                        <label for="subject">Subject</label>
                        <textarea id="subject" name="subject" placeholder="Write something.."
                            style="height:170px"></textarea>
                        <input type="submit" value="Submit">
                    </form>
                </div>

                <div class="col-12">
                    <hr class="socket">
                    <h5 class="end">&copy; michellelindemannsmagicalstories.com</h5>

                </div>


            </div>
        </div>
    </div>