#social-media img {
        display: block;
        width: 100%;
        padding-bottom: 0;
        border-bottom: 6px solid #6f49a0;
        background-color: #6f49a0;
        transition: opacity 0.5s ease;
    }
    #social-media .container {
        position: relative;
        display: inline-block;
        width: 7%;
        margin-right: 1%;
    }
    #social-media img {
        display: block;
        width: 100%;
        height: auto;
    }
    #social-media .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .2s ease;
        background-color: #6f49a0;
    }
    #social-media .container:hover .overlay {
        opacity: 0.6;
    }

    @media (max-width: 800px) {
        #social-media .container {
            width: 12%;
        }
    }    
    @media (max-width: 550px) {
        #social-media .container {
            width: 17%;
        }
    }