#course .container {
    justify-self: center;
}

#course .grid {
    align-items: center;
    gap: 3rem;
    grid-template-columns: 1fr 2fr;
}

@media only screen and (max-width: 1023px) {
    #course .grid {
        grid-template-columns: 1fr;
    }
}

#course img {
    width: 100%;
    aspect-ratio: 1;
    max-width: 400px;
    justify-self: center;
    object-fit: cover;
}


/* Videos */
#video-pool .grid {
    gap: 3rem;
    grid-template-columns: 2fr 1fr;
}

@media only screen and (max-width: 1023px) {
    #video-pool .grid {
        grid-template-columns: 1fr;
    }
}

#video-pool .card {
    border: none;
    background-color: var(--color-canvas);
}

.video-dimensions {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: var(--radius);
    overflow: hidden;
    border: 0;
}