.main-container { display: flex; width: 100%; } .left-column { width: 30%; padding: 10px; } .right-column { width: 70%; padding: 10px; } .info-grid { display: grid; grid-template-columns: auto auto; gap: 10px; } .project-description { margin-top: 20px; } .slideshow { position: relative; width: 100%; height: 450px; overflow: hidden; border-radius: 15px; } .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; display: flex; justify-content: …

.main-container { display: flex; width: 100%; } .left-column { width: 30%; padding: 10px; } .right-column { width: 70%; padding: 10px; } .info-grid { display: grid; grid-template-columns: auto auto; gap: 10px; } .project-description { margin-top: 20px; } .slideshow { position: relative; width: 100%; height: 450px; overflow: hidden; border-radius: 15px; } .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; display: flex; justify-content: …

.main-container { display: flex; width: 100%; } .left-column { width: 30%; padding: 10px; } .right-column { width: 70%; padding: 10px; } .info-grid { display: grid; grid-template-columns: auto auto; gap: 10px; } .project-description { margin-top: 20px; } .slideshow { position: relative; width: 100%; height: 450px; overflow: hidden; border-radius: 15px; } .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; display: flex; justify-content: …

.main-container { display: flex; width: 100%; } .left-column { width: 30%; padding: 10px; } .right-column { width: 70%; padding: 10px; } .info-grid { display: grid; grid-template-columns: auto auto; gap: 10px; } .project-description { margin-top: 20px; } .slideshow { position: relative; width: 100%; height: 450px; overflow: hidden; border-radius: 15px; } .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; display: flex; justify-content: …

.main-container { display: flex; width: 100%; } .left-column { width: 30%; padding: 10px; } .right-column { width: 70%; padding: 10px; } .info-grid { display: grid; grid-template-columns: auto auto; gap: 10px; } .project-description { margin-top: 20px; } .slideshow { position: relative; width: 100%; height: 450px; overflow: hidden; border-radius: 15px; } .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; display: flex; justify-content: …