<div class="left-part">
            <!-- <figure> -->
            <picture class="wallpaper">
                <source srcset="photo/wallpaper@2x.png" media="(min-width: 720px)">
                <source srcset="photo/wallpaper@3x.png" media="(min-width: 1440px)">
                <img src="photo/wallpaper.png" alt="forest and lake">
            </picture>
            <picture class="user-foto">
                <source srcset="photo/author@2x.jpg" media="(min-width: 720px)">
                <source srcset="photo/author@3x.jpg" media="(min-width: 1440px)">
                <img src="photo/author.jpg" alt="forest and lake">
            </picture>
            <!-- <section class="user-name"> -->
                <p class="user-name">Matthew Schwartz</p>
            <!-- </section> -->

            <div  class="logo facebook">
                <img src="icons/icon-facebook.svg" alt="facebook icon">
            </div>
            <div  class="logo instagram">
                <img src="icons/icon-instagram.svg" alt="instagram icon">
            </div>
            <div  class="logo linkedIn">
                <img src="icons/icon-linkedIn.svg" alt="linkedIn icon">
            </div>

            <!-- </figure> -->


        </div>