.image-and-content-primary{
    display: flex;
    flex-direction: column;
    row-gap: var(--block-margin);
    position: relative;
}

.image-and-content-primary.animate__animated{
    animation-name: fadeIn;
    
}

.image-and-content-primary.alignfull{
    width: 100%;
    max-width: 100%;
}

.image-and-content-primary:is([data-color-scheme="transparent"]){
	padding: 0;
	margin: var(--block-margin) auto;
}

.image-and-content-primary-content{
    position: relative;
    margin: 0 auto;
    padding: var(--block-margin) 0;
}

.image-and-content-primary-content-body {
    display: flex;
    flex-direction: column;
    row-gap: var(--small-row-gap);
    margin-top: var(--small-row-gap);
}

.image-and-content-primary.alignfull .image-and-content-primary-content{
    width: 100%;
    max-width: var(--wide-width);
}

.image-and-content-primary-content.animate__animated{
    animation-name: fadeIn;
    
}

.image-and-content-primary-title {
    margin-bottom: 0;
}

.image-and-content-primary-text {
    display: flex;
    align-items: end;
}

.image-and-content-primary-text p {
    margin-bottom: 0;
}

.image-and-content-primary-buttons{
    display: flex;
    flex-wrap: wrap;
    gap: var(--small-row-gap);
    align-items: center;
    justify-content: flex-end;
}

.image-and-content-primary-content > *:last-child{
    margin-bottom: 0;
}

.image-and-content-primary .image-and-content-primary-media{
    pointer-events: none;
    width: 100%;
    grid-column: 1 / span 2;
}

.image-and-content-primary :is(.image-and-content-primary-image, .image-and-content-primary-video-player, .image-and-content-primary-video-player iframe){
    width: 100%;
    height: 100%;
    max-height: 60vh;
}

.image-and-content-primary-image img,
.image-and-content-primary-video-player img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 2.09 / 1;
}

.image-and-content-primary-video-player iframe{
    display: block;
    border: none;
}

.image-and-content-primary .image-and-content-primary-video-player iframe{
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    aspect-ratio: 2.09 / 1;
    position: relative;
}

.image-and-content-primary .image-and-content-primary-video-player video {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 2.09 / 1;
}

@media (min-width: 768px){
    .image-and-content-primary-columns-text-wrapper {
        padding: var(--item-row-gap) 0;
    }
}

@media (max-width: 991px) {
    .image-and-content-primary .image-and-content-primary-media {
        margin-top: var(--row-gap);
    }
}

@media (min-width: 992px){
    .image-and-content-primary-content-body {
        display: flex;
        flex-direction: column;
        justify-content: end;
        row-gap: calc( var(--item-row-gap) + var(--extra-small-row-gap));
    }
    
    .image-and-content-primary-content {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--large-column-gap);
        row-gap: var(--large-row-gap);
        align-items: flex-end;
    }
}

@media (min-width: 1200px) {
    .image-and-content-primary .image-and-content-primary-media {
        height: 100%;
    }
}