.insta{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.instagram-col{
    width:calc(25% - 15px);
}

.instagram-card{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
}

.instagram-card a{
    display:block;
    width:100%;
    height:100%;
    color:#fff;
}

.instagram-img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.instagram-meta{
    display:flex;
    flex-direction:column;
    position:absolute;
    inset:0;
    padding:20px;
    color:#fff;
    background:rgba(0,0,0,0.45);
    opacity:0;
    transition:opacity .3s ease;
}

.instagram-card a:hover .instagram-meta{
    opacity:1;
}

.instagram-meta--caption{
    margin:0;
    line-height:1.7;
    font-size:14px;
    word-break:break-word;
    visibility:hidden;
}

.instagram-meta--likes{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin:auto 0 0;
    font-size:14px;
}

.instagram-meta--likes::before{
    content:"♥";
    margin-right:5px;
}

@media screen and (max-width:767px){
    .insta{gap:10px;}
    .instagram-col{width:calc(50% - 5px);}
    .instagram-meta{padding:12px;}
    .instagram-meta--caption{font-size:12px;line-height:1.5;}
}