/* Cover images: gray container visible until fully loaded */
.card-image-container.cover-image--loading,
.popup-image-container.cover-image--loading {
    background: #f2f2f2;
}

.cover-image--loading .profile-img,
.cover-image--loading img.cover-img,
.cover-image--loading .popup-image,
.cover-image--loading .mobile-stack-row-thumb,
.card-image-container.cover-image--loading img,
.event-marker-inner.cover-image--loading img {
    opacity: 0;
}

.cover-image--loaded .profile-img,
.cover-image--loaded img.cover-img,
.cover-image--loaded .popup-image,
.cover-image--loaded .mobile-stack-row-thumb,
.card-image-container.cover-image--loaded img,
.event-marker-inner.cover-image--loaded img {
    opacity: 1;
    transition: opacity 0.2s ease;
}

/* profile-img keeps media-container slide transitions from search-master */
.media-container.cover-image--loading .profile-img,
.media-container.cover-image--loaded .profile-img {
    transition: opacity 0.2s ease, transform 0.5s ease-in-out;
}

.media-container.active.cover-image--loaded .profile-img {
    transition: opacity 0.2s ease, transform 0.5s ease-in-out;
}