/* Reference content */

.reference-card {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-decoration: none;
    position: relative;
    background-color: var(--color-secondary);
    box-shadow: var(--box-shadow);
    color: var(--dark);
}

.reference-card .image-area {
    padding-top: 60%;
    position: relative;
    overflow: hidden;
}

.larger-card .reference-card .image-area {
    padding-top: 60%;
}

.reference-card .image-area {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}