Yusif Zourab

У вас ifram`у внутри div`а с #new указана конкретная высота. Измените на нужную.

Думаю это должно помочь. Присвойте это нужному элементу.
overflow-y: hidden

Задайте в стилях max-width: 1000px

Ваш вопрос не легко понять. Предположу что вы хотите знать от чего зависит скорость анимации воспроизведения "Collapse". За скорость анимации отвечает js. Если вам нужно сделать задержку то используйте setTimeout().

На CSS насколько знаю такого нет. Нужно использовать js. Если быть поточнее то jQuery. Есть много плагинов специально созданных для этого.

Свойсто scrollHeight не может быть null

Эту возможность предоставляет нам JavaScript.
Если быть точнее, то jQuery и его плагин Owl Carousel 2

Используйте flexbox или css grid layout.

Добавлю к вариантам выше. Еще возможно используется несколько слоев для background'а.

<div class="sample1">
    <div class="sea">
        <div class="mermaid"><div class="fishing"></div></div>                
        <div class="fish"></div>
    </div>
</div>

.sample1 .sea, .sample1 .mermaid, .sample1 .fishing {
    height:300px;
    width:480px;
    position: relative;
}
            
.sample1 .sea {
    background: url(media/sea.png) repeat-x top left;          
}
            
.sample1 .mermaid {
    background: url(media/mermaid.svg) repeat-x bottom left;
}
        
.sample1 .fish {
    background: url(media/fish.svg) no-repeat;
    height:70px;
    width:100px;
    left: 30px;
    top: 90px;
    position: absolute;
}
            
.sample1 .fishing {
    background: url(media/fishing.svg) no-repeat top right 10px;
}

Ссылка на внешний ресурс:
<a href="https://example.com/">Перейти</a>
Ссылка на внутренние страницы:
<a href="../index.php">Перейти</a>

Вместо знака "#" укажите ссылку на нужный ресурс.

По умолчанию у Bootstrap'а нет эффектов hover для background (не считая кнопки и т.п.) Смотрите код, скорее всего здесь используется заданый вами стиль.

Пример с использованием AJAX:

<form action="/" id="searchForm">
  <input type="text" name="s" placeholder="Search...">
  <input type="submit" value="Search">
</form>
<!-- выводит результат в этот блок -->
<div id="result"></div>
 
<script>
$( "#searchForm" ).submit(function( event ) {
 
  event.preventDefault();
 
  // Получение значений формы
  var $form = $( this ),
    term = $form.find( "input[name='s']" ).val(),
    url = $form.attr( "action" );
 
  // Отправит данные с помощью post-запроса
  var posting = $.post( url, { s: term } );
 
  // Отправить данные в div с id="result"
  posting.done(function( data ) {
    var content = $( data ).find( "#content" );
    $( "#result" ).empty().append( content );
  });
});
</script>

Вы можете использовать модальное окно, а также корректировать из Bootstrap Framework или с помощью jQuery Modal. Так же можете использовать <dialog></dialog>.
Скажу в любом случае нужно использовать JS.