diff --git a/README.md b/README.md
index 14361f1..1c010f9 100644
--- a/README.md
+++ b/README.md
@@ -119,7 +119,7 @@ All together, Gatsby automatically generates all required image sizes for delive
 
 All project images use one single component where one main GraphQL query fragment is defined, which then gets used throughout other GraphQL queries.
 
-- [`src/components/molecules/ProjectImage.jsx`](src/components/molecules/ProjectImage.jsx)
+- [`src/components/atoms/ProjectImage.jsx`](src/components/atoms/ProjectImage.jsx)
 
 ### 💎 Importing SVG assets
 
diff --git a/content/images/oceanprotocol-01.png b/content/images/oceanprotocol-01.png
index 79514c0..cf7bec1 100644
Binary files a/content/images/oceanprotocol-01.png and b/content/images/oceanprotocol-01.png differ
diff --git a/content/images/oceanprotocol-02.png b/content/images/oceanprotocol-02.png
index 0c005b5..acbac24 100644
Binary files a/content/images/oceanprotocol-02.png and b/content/images/oceanprotocol-02.png differ
diff --git a/content/images/oceanprotocol-03.png b/content/images/oceanprotocol-03.png
index a23ded7..7efc6a5 100644
Binary files a/content/images/oceanprotocol-03.png and b/content/images/oceanprotocol-03.png differ
diff --git a/content/images/oceanprotocol-04.png b/content/images/oceanprotocol-04.png
index 8e30133..786dd6c 100644
Binary files a/content/images/oceanprotocol-04.png and b/content/images/oceanprotocol-04.png differ
diff --git a/content/images/oceanprotocol-05.png b/content/images/oceanprotocol-05.png
index d93d7ae..817b313 100644
Binary files a/content/images/oceanprotocol-05.png and b/content/images/oceanprotocol-05.png differ
diff --git a/content/images/oceanprotocol-06.png b/content/images/oceanprotocol-06.png
index 4a15917..fa12c56 100644
Binary files a/content/images/oceanprotocol-06.png and b/content/images/oceanprotocol-06.png differ
diff --git a/content/images/oceanprotocol-07.png b/content/images/oceanprotocol-07.png
index b1bc8b2..4a15917 100644
Binary files a/content/images/oceanprotocol-07.png and b/content/images/oceanprotocol-07.png differ
diff --git a/content/images/oceanprotocol-08.png b/content/images/oceanprotocol-08.png
new file mode 100644
index 0000000..8d591c5
Binary files /dev/null and b/content/images/oceanprotocol-08.png differ
diff --git a/content/images/oceanprotocol-09.png b/content/images/oceanprotocol-09.png
new file mode 100644
index 0000000..b1bc8b2
Binary files /dev/null and b/content/images/oceanprotocol-09.png differ
diff --git a/src/components/molecules/ProjectImage.jsx b/src/components/atoms/ProjectImage.jsx
similarity index 100%
rename from src/components/molecules/ProjectImage.jsx
rename to src/components/atoms/ProjectImage.jsx
diff --git a/src/components/molecules/ProjectImage.module.scss b/src/components/atoms/ProjectImage.module.scss
similarity index 100%
rename from src/components/molecules/ProjectImage.module.scss
rename to src/components/atoms/ProjectImage.module.scss
diff --git a/src/components/molecules/ProjectImage.test.jsx b/src/components/atoms/ProjectImage.test.jsx
similarity index 100%
rename from src/components/molecules/ProjectImage.test.jsx
rename to src/components/atoms/ProjectImage.test.jsx
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index a93844e..ac149fb 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
 import { Link, graphql } from 'gatsby'
 import SEO from '../components/atoms/SEO'
-import ProjectImage from '../components/molecules/ProjectImage'
+import ProjectImage from '../components/atoms/ProjectImage'
 import { ReactComponent as Images } from '../images/images.svg'
 import styles from './index.module.scss'
 import Repositories from '../components/organisms/Repositories'
diff --git a/src/templates/Project.jsx b/src/templates/Project.jsx
index cdbc92a..be82f04 100644
--- a/src/templates/Project.jsx
+++ b/src/templates/Project.jsx
@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
 import { graphql } from 'gatsby'
 import FullWidth from '../components/atoms/FullWidth'
-import ProjectImage from '../components/molecules/ProjectImage'
+import ProjectImage from '../components/atoms/ProjectImage'
 import ProjectTechstack from '../components/molecules/ProjectTechstack'
 import ProjectLinks from '../components/molecules/ProjectLinks'
 import ProjectNav from '../components/molecules/ProjectNav'
diff --git a/src/templates/Project.module.scss b/src/templates/Project.module.scss
index 7073fed..856f8e8 100644
--- a/src/templates/Project.module.scss
+++ b/src/templates/Project.module.scss
@@ -1,5 +1,5 @@
 @import 'variables';
-@import '../components/molecules/ProjectImage.module';
+@import '../components/atoms/ProjectImage.module';
 
 .imageWrap {
     margin-bottom: $spacer * 3;