.story{
    text-align: center;
}

.ourStory{
  background-color: #265f63;
  padding: 2em;
}

  .carousel {
    position:absolute;
    width: 100%;
    max-width: 800px;
    overflow: hidden;
  }

  @media (min-width: 800px) {
    .carousel {
        left: calc(50% - 400px);
    }
  }


  
  .carousel-inner {
    display: flex;
    transition: transform 0.3s ease;
   
  }
  
  .carousel-item {
    width: 100%;
    flex:0 0 auto; 
  }

  .carousel-item img{
    width:100%;
    height: min-content;
  }

  .carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    background: none;
    border: none;
    color: #FFFF;
    cursor: pointer;
  }
  
  .prev {
    left: 10px;
  }
  
  .next {
    right: 10px;
  }

  .footer {
   align-content: center;
  }
  

@media screen and (min-width: 790px){
    .storyBox{
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 790px){
    .storyBox{
        display:grid;
        grid-template-columns: 1fr;
    }
}