/* User Generated Content Page Styles */

/* Reel card positioning - alternating left and right alignment */

.reel-card {
    margin-top: -25%;
}

.reel-card:first {
    margin-top: 10%;
}

.reel-card.reel-left {
    margin-left: 10%;
    margin-right: auto;
}

.reel-card.reel-right {
    margin-left: auto;
    margin-right: 10%;
}

/* Disable custom positioning at Bootstrap medium breakpoint and above (768px+) */
/* @media (max-width: 1200px) {
    .reel-card.reel-left {
        margin-left: 5%;
        margin-right: auto;
    }
    
    .reel-card.reel-right {
        margin-left: auto;
        margin-right: 5%;
    }
}  */

@media (max-width: 1200px) {
    .reel-card.reel-left,
    .reel-card.reel-right {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10%;
    }
}