.autoglide {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 20px 0;
}

.autoglide-content {
  display: flex;
  position: relative;
}

.autoglide[data-direction="left"] .autoglide-content,
.autoglide[data-direction="right"] .autoglide-content {
  flex-direction: row;
}

.autoglide[data-direction="top"] .autoglide-content,
.autoglide[data-direction="bottom"] .autoglide-content {
  flex-direction: column;
}

.autoglide-content .pse-item{
  display: flex;
  justify-content: center;  /* Centers horizontally */
  align-items: center;      /* Centers vertically */
  height: 100%; /* Adjust if needed */
  background: #fff;
}
.autoglide-content .pse-item img {
  width: auto;
  height: 100%;
}

/* Default responsive styles */
@media screen and (max-width: 767px) {
  .autoglide:not([data-width]):not([data-sm-width]) .autoglide-content img {
      width: 250px;
      height: 150px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .autoglide:not([data-width]):not([data-md-width]) .autoglide-content img {
      width: 300px;
      height: 200px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .autoglide:not([data-width]):not([data-lg-width]) .autoglide-content img {
      width: 350px;
      height: 250px;
  }
}

@media screen and (min-width: 1440px) {
  .autoglide:not([data-width]):not([data-xl-width]) .autoglide-content img {
      width: 400px;
      height: 300px;
  }
}