Remove white edge under native video on website

Hey there,

I'm having trouble embedding native videos into my website without them showing an ugly white edge at their bottom (you will find two videos under the main landing page ("home"), one directly at the top, the other if you scroll to the end).

Website: https://www.lederer.live/

Screenshot: 

I already tried using different CSS-code material I found in similar forum topics. Unfortunately nothing worked. Codes I tried:

1. 

section[data-section-id="62b7422094e2396356c7ce98"] .section-background {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

2. 

.embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud), .video-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud), .embed-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud), .video-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) {
    position: relative;
    padding-bottom: 0px !important;
}

Nothing works. Am I doing something wrong? (Copying Code into "Website-Tools" -> "Custom CSS" -> "Save")

Would you please provide a working solution for my website? Thanks in advance, much appreciated.

Yours

CL

You can use this to Website Tools > Custom CSS

.fe-66c5bfdad7baf06c6bdffaf7 {
    grid-template-rows: repeat(21,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

hey, 

didn't work unfortunately.

Other ideas?

Kind regards

On 8/28/2024 at 5:10 PM, Ledererlegal said:

hey, 

didn't work unfortunately.

Other ideas?

 

Kind regards

Try change number 21 to 19