.rounded-corners {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.project-container {
    position: relative;
    width: 100%;
}

.project-image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    backface-visibility: hidden;
}

.project-date-and-icon-container {
    display: flex;
    align-items: baseline; /* Align items vertically */
    justify-content: space-between; /* Space between elements */
}

.project-github-container {
    display: flex;
    align-items: center; /* Align items vertically */
    justify-content:center;
}

.project-video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
    height: 0;
    overflow: hidden;
}

.project-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}