.like-comment {position: absolute;top:50%;width: 100%}

.card  {max-height: 300px;height: 100% }
            .card .card-image img {max-height: 250px;height: 100% }
            .card a {color: #014CB6;}
            .instagram-post {
                max-width: 330px;width: 100%; max-height: 220px;height: 100%;
                #box {height: 400px;width: 400px}
            }

            .card .card-content .card-title i {
                line-height: 14px;
            }
            .card {
                box-shadow: none;
                -webkit-box-shadow: none;

            }



            .image {
                display: block;
                width: 100%;
                height: auto;
               
            }



            .overlay0, .overlay1 ,.overlay2, .overlay3, .overlay4 ,.overlay5, .overlay6, .overlay7 ,.overlay8, .overlay9, .overlay10 ,.overlay11 {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                /*height: 80%;*/
                /*width: 100%;*/
                opacity: 0;
                transition: .5s ease;
                  
                z-index: 1;
            }

            .text0,.text1,.text2, .text3,.text4,.text5, .text6,.text7,.text8, .text9, .text10, .text11 {
                color: white;
                font-size: 20px;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                text-align: center;
                z-index: 2;
                opacity: 0;
                background-color:rgba(0, 0, 0, 0.2);
               
            }


            .container0:hover .text0{
                opacity: 1;
            }

            .container1:hover .text1{
                opacity: 1;
            }

            .container2:hover .text2{
                opacity: 1;
            }

            .container3:hover .text3{
                opacity: 1;
            }

            .container4:hover .text4{
                opacity: 1;
            }

            .container5:hover .text5{
                opacity: 1;
            }

            .container6:hover .text6{
                opacity: 1;
            }

            .container7:hover .text7{
                opacity: 1;
            }

            .container8:hover .text8{
                opacity: 1;
            }

            .container9:hover .text9{
                opacity: 1;
            }

            .container10:hover .text10{
                opacity: 1;
            }

            .container11:hover .text11{
                opacity: 1;
            }

            .container0:hover .overlay0{
                opacity: 1;
            }


            .container1:hover .overlay1 {
                opacity:1;
            }

            .container2:hover .overlay2 {
                opacity: 1;
            }


            .container3:hover .overlay3 {
                opacity: 1;
            }


            .container4:hover .overlay4 {
                opacity: 1;
            }

            .container5:hover .overlay5 {
                opacity: 1;
            }


            .container6:hover .overlay6 {
                opacity: 1;
            }


            .container7:hover .overlay7 {
                opacity: 1;
            }

            .container8:hover .overlay8 {
                opacity: 1;
            }



            .container9:hover .overlay9 {
                opacity: 1;
            }


            .container10:hover .overlay10 {
                opacity: 1;
            }

            .container11:hover .overlay11 {
                opacity: 1;
            }