Add Resource Matchmaking image to access.md

docs/services/access.md

@@ -6,6 +6,9 @@ title: "Infrastructure Access"
 # Infrastructure Access at CIROH
 
 CIROH provides access to both public cloud and on-premises infrastructure to support the research projects of its members and partners.
+<div className="hero-image" style={{ textAlign: 'center' }}>
+        <img src="/img/ciroh-resource-flowchart.png" alt="ciroh-resource flowchart" style={{ width: '100%' }} />
+</div>
 
 ## Public Cloud
 

src/components/HomepageFeatures/styles.module.css

@@ -35,8 +35,11 @@
   overflow: auto;
   margin: 3rem 0rem;
 }
+.heroText{
+  font-size: 1.2rem;
+}
 .heroimage {
-  width: 35%;
+  width: 30%;
   margin: auto 0;
   border-radius: 18px;
   margin-left: 1.4rem;
@@ -76,6 +79,9 @@
   .heroBanner {
     padding: 2rem 4rem 2rem 4rem;
   }
+  .heroimage {
+    width: 310px;
+  }
 }
 
 @media screen and (max-width: 996px) {

src/css/custom.css

@@ -55,6 +55,7 @@
 [data-theme='dark'] .hero__title, .hero__subtitle{
   color: whitesmoke;
 }
+
 /* 
 [data-theme='dark'] {
   --ifm-color-primary: #25c2a0;
@@ -65,4 +66,13 @@
   --ifm-color-primary-lighter: #32d8b4;
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
-} */
+} */
+.container {
+  max-width: 68%;
+}
+
+.docs-wrapper .container {
+  max-width: 100%;
+  margin-left: 1.3rem;
+  margin-right: 1.3rem;
+}