Javascript 如何使img流体在引导转盘中工作？

我一直在尝试通过添加img流体标签使旋转木马中的图像具有响应性，但没有任何效果。我试过用！重要的。我试过使用block。我不确定是什么阻止了这种变化。有什么建议吗

.container{
        
        font-size: 32px;
        font-family: 'Inter', sans-serif;
        position:relative;
        top: 150px;
        right:-15px;
        font-weight: 300;
        width: 1440px;
        letter-spacing: 2px;
        
      
  }
  
 
  
  .item{
      
      
        float:right;
      
     
      
  }
  


<div class="container">
 

.container{
字体大小：32px；
字体系列：“Inter”，无衬线；
位置：相对位置；
顶部：150px；
右图：-15px；
字体大小：300；
宽度：1440px；
字母间距：2px；
}
.项目{
浮动：对；
}

<div class="carousel-inner">
  <div class="item active">
    <img class="image img-fluid" src="images/image-tanya.jpg" alt="Tanya" style="height:648px; width:648px;" ><div class="carousel-caption">  
  </div>
    </div>      

  <div class="item ">
    <img class="image img-fluid" src="images/image-john.jpg" alt="John" style="height:648px; width:648px;">
  </div>

<div class="carousel-inner">
  <div class="item active">
    <img class="image img-fluid" src="images/image-tanya.jpg" alt="Tanya" style="height:648px; width:648px;" ><div class="carousel-caption">  
  </div>
    </div>      

  <div class="item ">
    <img class="image img-fluid" src="images/image-john.jpg" alt="John" style="height:648px; width:648px;">
  </div>

style=“高度：648px；宽度：648px；”

是罪魁祸首

由

img fluid

类定义的样式将被HTML中

img

标记上的内联样式覆盖。内联样式始终优先于样式表中定义的样式。尝试删除这些内联样式，看看会发生什么：）

style=“高度：648px；宽度：648px；”

是罪魁祸首

---

由

img fluid

类定义的样式将被HTML中

img

标记上的内联样式覆盖。内联样式始终优先于样式表中定义的样式。尝试删除这些内联样式，看看会发生什么：）

这有助于感谢您！这有助于谢谢你！