diff --git a/frontend/img/projects/critiquebrainz-crate.png b/frontend/img/projects/critiquebrainz-crate.png
new file mode 100644
index 00000000..07629404
Binary files /dev/null and b/frontend/img/projects/critiquebrainz-crate.png differ
diff --git a/frontend/img/projects/listenbrainz-crate.png b/frontend/img/projects/listenbrainz-crate.png
new file mode 100644
index 00000000..6450470c
Binary files /dev/null and b/frontend/img/projects/listenbrainz-crate.png differ
diff --git a/frontend/img/projects/musicbrainz-crate.png b/frontend/img/projects/musicbrainz-crate.png
new file mode 100644
index 00000000..daf1053f
Binary files /dev/null and b/frontend/img/projects/musicbrainz-crate.png differ
diff --git a/metabrainz/templates/index/datasets.html b/metabrainz/templates/index/datasets.html
index 0c5c0ba7..b2028139 100644
--- a/metabrainz/templates/index/datasets.html
+++ b/metabrainz/templates/index/datasets.html
@@ -31,7 +31,7 @@ <h2>Database Dumps</h2>
     <div class="dataset-card">
       <div class="dataset-card-logo">
         <a href="/datasets/postgres-dumps#musicbrainz">
-          <img class="logo" src="{{ url_for('static', filename='img/projects/musicbrainz.svg') }}" alt="MusicBrainz logo" />
+          <img class="logo" src="{{ url_for('static', filename='img/projects/musicbrainz-crate.png') }}" alt="MusicBrainz logo on a shipping crate" />
         </a>
       </div>
       <div class="dataset-card-text">
@@ -55,7 +55,7 @@ <h4>
     <div class="dataset-card">
       <div class="dataset-card-logo">
         <a href="/datasets/postgres-dumps#musicbrainz-json">
-          <img class="logo" src="{{ url_for('static', filename='img/projects/musicbrainz.svg') }}" alt="MusicBrainz logo" />
+          <img class="logo" src="{{ url_for('static', filename='img/projects/musicbrainz-crate.png') }}" alt="MusicBrainz logo on a shipping crate" />
         </a>
       </div>
       <div class="dataset-card-text">
@@ -78,7 +78,7 @@ <h4>
     <div class="dataset-card">
       <div class="dataset-card-logo">
         <a href="/datasets/postgres-dumps#listenbrainz">
-          <img class="logo" src="{{ url_for('static', filename='img/projects/listenbrainz.svg') }}" alt="ListenBrainz logo" />
+          <img class="logo" src="{{ url_for('static', filename='img/projects/listenbrainz-crate.png') }}" alt="ListenBrainz logo on a shipping crate" />
         </a>
       </div>
       <div class="dataset-card-text">
@@ -102,7 +102,7 @@ <h4>
     <div class="dataset-card">
       <div class="dataset-card-logo">
         <a href="/datasets/postgres-dumps#critiquebrainz">
-          <img class="logo" src="{{ url_for('static', filename='img/projects/critiquebrainz.svg') }}" alt="CritiqueBrainz logo" />
+          <img class="logo" src="{{ url_for('static', filename='img/projects/critiquebrainz-crate.png') }}" alt="CritiqueBrainz logo on a shipping crate" />
         </a>
       </div>
       <div class="dataset-card-text">
@@ -140,7 +140,7 @@ <h2>Derived Dumps</h2>
     <div class="dataset-card">
       <div class="dataset-card-logo">
         <a href="/datasets/derived-dumps#canonical">
-          <img class="logo" src="{{ url_for('static', filename='img/projects/musicbrainz.svg') }}" alt="MusicBrainz logo" />
+          <img class="logo" src="{{ url_for('static', filename='img/projects/musicbrainz-crate.png') }}" alt="MusicBrainz logo on a shipping crate" />
         </a>
       </div>
       <div class="dataset-card-text">
@@ -163,7 +163,7 @@ <h4>
     <div class="dataset-card">
       <div class="dataset-card-logo">
         <a href="/datasets/derived-dumps#mhld">
-          <img class="logo" src="{{ url_for('static', filename='img/projects/listenbrainz.svg') }}" alt="ListenBrainz logo" />
+          <img class="logo" src="{{ url_for('static', filename='img/projects/listenbrainz-crate.png') }}" alt="ListenBrainz logo on a shipping crate" />
         </a>
       </div>
       <div class="dataset-card-text">