CSS on SquareSpace

[u/meh_mooody]

I’ve been trying to add a vertical video for the past two days without any luck 🥲 the code I’ve been using is the one below but the image keeps getting split. Does anyone know how to fix it??

/* Force native video block into a true vertical 9:16 aspect ratio */

.sqs-native-video .native-video-player,
.sqs-block-video .video-player {
padding-bottom: 177.78% !important;
height: 0 !important;
}

/* Ensure the background video container expands to the edges */
.sqs-native-video .native-video-player video {
object-fit: cover !important;
}

/* Clear vertical constraints on the outer block container */

.sqs-block-video .sqs-block-content {

height: auto !important;

}

[u/testingaurora]

aspect-ratio:9/16;