.xf-image-component {
    margin-bottom: 20px;
}
.xf-image img {
    aspect-ratio: 4 / 3;
}

.xf-image-cover {
    opacity: 0;
    transition: all 0.5s;
}
.xf-image:hover .xf-image-cover {
    opacity: 1;
}

.xf-image-expend-icon {
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M37.5 24.9995H30V17.4995C30 16.8365 29.7366 16.2006 29.2678 15.7318C28.7989 15.2629 28.163 14.9995 27.5 14.9995C26.837 14.9995 26.2011 15.2629 25.7322 15.7318C25.2634 16.2006 25 16.8365 25 17.4995V24.9995H17.5C16.837 24.9995 16.2011 25.2629 15.7322 25.7318C15.2634 26.2006 15 26.8365 15 27.4995C15 28.1626 15.2634 28.7984 15.7322 29.2673C16.2011 29.7361 16.837 29.9995 17.5 29.9995H25V37.4995C25 38.1626 25.2634 38.7984 25.7322 39.2673C26.2011 39.7361 26.837 39.9995 27.5 39.9995C28.163 39.9995 28.7989 39.7361 29.2678 39.2673C29.7366 38.7984 30 38.1626 30 37.4995V29.9995H37.5C38.163 29.9995 38.7989 29.7361 39.2678 29.2673C39.7366 28.7984 40 28.1626 40 27.4995C40 26.8365 39.7366 26.2006 39.2678 25.7318C38.7989 25.2629 38.163 24.9995 37.5 24.9995ZM54.275 50.7245L45 41.5245C48.6003 37.0355 50.3438 31.3378 49.872 25.6028C49.4003 19.8678 46.7492 14.5315 42.4638 10.6911C38.1784 6.85078 32.5845 4.79829 26.8323 4.95569C21.0801 5.11309 15.6068 7.46842 11.5379 11.5374C7.46891 15.6063 5.11358 21.0796 4.95618 26.8318C4.79878 32.584 6.85127 38.1779 10.6916 42.4633C14.532 46.7487 19.8683 49.3998 25.6033 49.8715C31.3383 50.3433 37.036 48.5998 41.525 44.9995L50.725 54.1995C50.9574 54.4338 51.2339 54.6198 51.5386 54.7467C51.8432 54.8737 52.17 54.939 52.5 54.939C52.83 54.939 53.1568 54.8737 53.4614 54.7467C53.7661 54.6198 54.0426 54.4338 54.275 54.1995C54.7256 53.7334 54.9775 53.1104 54.9775 52.462C54.9775 51.8137 54.7256 51.1907 54.275 50.7245V50.7245ZM27.5 44.9995C24.0388 44.9995 20.6554 43.9732 17.7775 42.0502C14.8997 40.1273 12.6566 37.3942 11.3321 34.1965C10.0076 30.9988 9.66102 27.4801 10.3363 24.0854C11.0115 20.6908 12.6782 17.5726 15.1256 15.1251C17.5731 12.6777 20.6913 11.011 24.0859 10.3358C27.4806 9.66053 30.9993 10.0071 34.197 11.3316C37.3947 12.6562 40.1278 14.8992 42.0507 17.777C43.9736 20.6549 45 24.0383 45 27.4995C45 32.1408 43.1563 36.592 39.8744 39.8739C36.5925 43.1558 32.1413 44.9995 27.5 44.9995V44.9995Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.xe-col-md-3 {
    padding: 0 7px;
    width: 50%;
    display: inline-block;
}

@media screen and (min-width: 992px) {
    .xe-col-md-3 {
        width: 25%;
    }
    .xf-image-component {
        margin-bottom: 15px;
    }

    .xf-image img {
        /* height: 378px; */
    }

    .xf-image-text {
        display: none;
    }
}