.guides-section-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: auto;
    width: 90%;
    max-width: 560px;
}

.guides-iframe-container {
    margin-top: 1rem;
    position: relative;
    width: 100%;
    padding-bottom:min(56.25%, 315px); /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    display: flex;
    justify-content: center; /* Center the iframe */
}

.guides-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
    width: 100%;
    height: 100%;
    border: 0;
    max-width: 560px;
    max-height: 315px;
}

.guides-section-container .heading-small {
    text-align: left;
}