.collection-snippet,
.collection-snippet:visited {
    text-decoration: none;
    color: #3b1544;
    text-align: left;
    word-break: break-all;
    display: block;
    transition: .3s opacity;
} 

.collection-snippet:hover {
    opacity: 0.85;
}

.collection-snippet__inner {
    /* padding: 10px; */
}

.collection-snippet__img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-bottom: 92%;
    background-color: #f3f3f3;
}

.collection-snippet__title {
    font-size: 11px;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    color: #104432;
    margin-top: 0.5em;
}

.collection-snippet__meta {
    margin-top: 0.1em;
    font-size: 11px;
    color: #888;
}

@media (min-width: 600px) {
    .collection-snippet__inner {
        /* padding: 20px; */
    }

    .collection-snippet__title {
        font-size: 14px;
    }

    .collection-snippet__meta {
        font-size: 13px;
    }    
}

@media (min-width: 1600px) {
    .collection-snippet__title {
        font-size: 15px;
    }

   .collection-snippet__meta {
        font-size: 15px;
    } 
}