[Résolu] Bannière responsive

Bonjour à tous,
je n'arrive pas à rendre ma bannière responsive
rien ne s'adapte, photo comme hauteur de la bannière.
Un aide serait plus que bienvenue
Merci à vous et bonne journée.

.banner{
  width: 100%;
  height: 550px;
  background-color: #000;
  display: flex;
  overflow: hidden;
  position: relative;
  justify-content: space-between; /* <-- corrige le problème */
}

/* partie droite : conteneur */
.banner__right{
  width: 60%;
	    height: 100%; /* IMPORTANT */

  position: relative; /* utile si tu veux positionner absolument l'image */
  overflow: hidden;   /* coupe ce qui dépasse */
}

.banner__logo {width: 40%; margin-top: 80px;    margin-left: 5%; margin-bottom: 0px;} 
.banner__left h1 {font-family: 'futura_ltlight'; text-transform: uppercase; font-size: 6rem;; line-height: normal; margin-top: 0px;font-weight: lighter; letter-spacing: -4px; margin-bottom: 0;
    margin-left: 5%;
	
}
.banner__left p {font-family: 'futuraextra_black';
    margin-left: 5%; color: white; font-size : 3rem; margin-top: 0;
	
}
/* l'image elle-même */
.banner__right img{
  display: block;               /* évite espaces blancs en bas */
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover;    /* préfixe pour Safari */
  object-fit: cover;
  -webkit-object-position: center bottom;
  object-position: center bottom; /* force le bas visible */
}

Salut,
difficile de se prononcer sans modèle en ligne.
En tout cas, dans ton css, tu dois avoir à minima

img, object, embed, canvas, video, audio, picture {
       	max-width:100%;
       	height:auto;
       	border:0;}

En principe, on ne donne pas de hauteur aux images destinées à être responsives. Ou alors, on met height:auto;
Enfin, mélanger des rem, des px et des % peut fonctionner, mais ce n'est pas très cohérent et surtout ça peu compliquer ton débogage. Toute dimension en px ne sera à priori pas responsive.
Ça, c'est le css, mais dans le html, il faut bien donner des dimensions exactes aux images, afin d'éviter le "repaint" du navigateur.
Sans exemple et sans le code complet, je ne donne que des informations générales.

Bonjour Bongota,
merci pour ta réponse. Je jette un œil sur tout ça et revient sur ce topic.
Merci encore

C'est donc la hauteur de la photo qui décide de la hauteur de la bannière (ma question est surement stupide...) ?
Mon code actuel est celui-ci :

 <div class="banner__right">
    <img src="img/test.jpg" alt="Test">

	img, object, embed, canvas, video, audio, picture {
       	max-width:100%;
       	height:auto;
       	border:0;}
	
.banner{
  width: 100%;
  background-color: #000;
  display: flex;
  overflow: hidden;
height: auto;
}

.banner__left{
  width: 35%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  box-sizing: border-box;
}

/* Logo */
.banner__logo{
  width: 180px;
  margin-bottom: 1.2rem;
}

.banner__left h1{
  margin: 0 0 .5rem 0;
}

.banner__right{
  width: 65%;
}

.banner__right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

et ca fonctionne
Merci bongota et Alsa