abc

<div>

              <h2>NextJs Carousel - GeeksforGeeks</h2>

              <Carousel>

              {/* <div className={styles.buttonImage}>

        <Image src="/svg/right-arrow.svg" width={15} height={15} alt="right arrow"/>

      </div> */}

                  <div>

                      <Image src="/image/bg.jpg" width={800} height={250} alt="image1" />

                      {/* <p className="legend">Image 1</p> */}

                  </div>

                  <div>

                  <Image src="/image/bg.jpg" width={250} height={250} alt="image1" />

                      {/* <p className="legend">Image 2</p> */}

                  </div>

                  <div>

                  <Image src="/image/bg.jpg" width={250} height={250} alt="image1" />

                      {/* <p className="legend">Image 3</p> */}

                  </div>

                  <div>

                  <Image src="/image/bg.jpg" width={250} height={250} alt="image1" />

                      {/* <p className="legend">Image 4</p> */}

                  </div>

                  <div>

                  <Image src="/image/bg.jpg" width={250} height={250} alt="image1" />

                  </div>

              </Carousel>

            </div>