Avoir une image en mode cover malgré un height de 1200px !

Bonsoir,

Je cherche à avoir une image en mode cover, mais la classe #logo est obligée d'avoir une hauteur de 1200 px pour une raison d'animation JS :/

Est-ce possible ?

Ci-joint mes CSS.

    #logo {
	height: 1200px;
	top: 0px;
	left: auto;
	right: auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	margin-top: 0px;
	background-image: url(../images/PBal1.jpg);
	background-size: cover;
	background-position: center center;

Mon HTML au cas où...

<div id="logo" ><img src="images/logo_cut.gif"  alt="" class="lddc logo"/></div>
<div id="slider" class="sl-slider-wrapper">

<div id="menu" class="navbar navbar-default navbar-fixed-top">
  <ul class="nav">
            <li><a href="#test">About</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Product</a></li>
            <li><a href="#">Contact</a></li>
    </ul>
    </div>

	<div class="sl-slider" data-midnight="white">
				
					<div class="sl-slide" data-orientation="vertical">
						<div class="sl-slide-inner">
<div class="bg-img bg-img-1">
<h2>Regula aurea.</h2>
</div>
						</div>

Merci pour votre aide et bonne soirée,

LM

Macintosh / Chrome 106.0.0.0