@media screen and (max-width: 1023px)
{
  .plazmaFrame
  {
    display: block !important;
    height: auto !important;
    overflow: hidden;
    position: relative !important
  }
}

@media (max-width: 767px)
{

  /* Hide all slides */
  .carousel-inner>.item
  {
    display: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    transition: none !important;
  }

  /* Always show only the first slide */
  .carousel-inner>.item:first-child
  {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Even if Bootstrap adds active/left/next to other slides, keep them hidden */
  .carousel-inner>.item.active:not(:first-child),
  .carousel-inner>.item.left:not(:first-child),
  .carousel-inner>.item.right:not(:first-child),
  .carousel-inner>.item.next:not(:first-child),
  .carousel-inner>.item.prev:not(:first-child)
  {
    display: none !important;
  }

  /* Keep first slide stable */
  .carousel-inner>.item:first-child,
  .carousel-inner>.item:first-child.active,
  .carousel-inner>.item:first-child.left,
  .carousel-inner>.item:first-child.right,
  .carousel-inner>.item:first-child.next,
  .carousel-inner>.item:first-child.prev
  {
    display: block !important;
    */ position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    transition: none !important;
  }

  /* Prevent height jumping */
  .carousel-inner
  {
    overflow: hidden !important;
    top: 0px !important;
  }

  .carousel-inner>.item:first-child img
  {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* Optional: hide arrows and dots on mobile */
  .carousel-control,
  .carousel-indicators
  {
    display: none !important;
  }
}