.lpm-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Desktop - 3 columns */
    gap: 26px;
}

.lpm-card iframe {
    width: 100%;
    height: 400px;
    display: block;
}

/* Tablet - 2 columns */
@media (max-width: 1199px) {
    .lpm-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile - 1 column */
@media (max-width: 500px) {
    .lpm-container {
        grid-template-columns: 1fr;
    }
}