.news-carousel {
      width: 287px;
      height: 220px;
      overflow: hidden;
     
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

    .carousel-item {
      width: 287px;
      height: 220px;
      display: none;
    }

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

    .carousel-item.active {
      display: block;
    }

    .carousel-nav {
      position: absolute;
      top: 45%;
      width: 287px;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
    }

    button {
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      border: none;
      padding: 10px;
      cursor: pointer;
    }

    button:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }