@media only screen and (min-width: 0rem) {.project-container {display: flex;flex-direction: column;padding: 1rem;margin: 1rem;box-shadow: 0px 0px 62px -15px rgba(0, 0, 0, 0.75);border-radius: 5px;}.project-image-swiper {width: 100%;height: clamp(400px, 80vw, 500px);overflow: hidden;}.swiper-slide {height: auto !important;}.project-image {width: 100%;height: 100%;}.project-info {background-color: white;display: flex;flex-direction: column;justify-content: center;align-items: start;gap: 1rem;padding: 1rem;margin: 1rem;}.project-title {color: black;font-size: 2rem;font-weight: bold;}.atomic-info .atomic-label {font-weight: bold;font-size: small;}.project-button {background-color: var(--primary);color: white;padding: 0.5rem 1rem;border-radius: 0.5rem;cursor: pointer;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);}.project-link {color: white;text-decoration: none;}}@media only screen and (min-width: 64rem) {.project-container {margin: 1rem 0;width: 100%;display: flex;flex-direction: row;box-shadow: 0px 0px 62px -15px rgba(0, 0, 0, 0.75);border-radius: 5px;}.project-image-swiper {width: 500px;height: 450px;overflow: hidden;}.project-image {width: 100%;height: 100%;}.project-info {background-color: white;width: 70%;display: flex;flex-direction: column;justify-content: center;align-items: start;gap: 1rem;margin: 0;box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);clip-path: inset(0 0 0 -15px);z-index: 10;}.project-title {color: black;font-size: 2rem;font-weight: bold;}.atomic-info .atomic-label {font-weight: bold;font-size: small;}.project-button {background-color: var(--primary);color: white;padding: 0.5rem 1rem;border-radius: 0.5rem;cursor: pointer;}.project-link {color: white;text-decoration: none;}}