Проблема с padding-bottom у iframe

Подскажите, кто сталкивался. Нужно видео с youtube вместить в определенные рамки. Но для того, чтобы вписать видео в этот блок, вынужден был поставить padding-bottom: 36%. И теперь нет возможности нижний блок (в голубой рамке на скрине) прижать к нижней границе блока, который над ним.

Если уменьшать padding-bottom, блок приближается к своему месту, но высота видео уменьшается. Вот часть css.

.calendar__general-slyde-video {
position: relative;
padding-bottom: 36%;
height: 0;
overflow: hidden;
width: 315px;
}
.calendar__general-slyde-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 60%;
}

Буду благодарен, кто подскажет как быть!