
/* placeholder */
.socialfeed {
    display: flex;
    flex-wrap: wrap;
}
.socialfeed > a {
    width: 25%;
    position: relative;
    overflow: hidden;
}

.socialfeed > a:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.socialfeed > a > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    transition: all 250ms ease-in-out;
}

.socialfeed > a:hover > img {
    transform: scale(1.05);
}

.socialfeed .sbi_type_carousel svg {
    display: none!important;
}


@media only screen and (max-width: 768px) {
    .socialfeed > a {
        width: 50%;
    }
}