/*
Theme Name: Skelementor Child
Theme URI: https://wp-themes.com/skelementor
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress Skelementor child theme.
Template: skelementor
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
Text Domain: skelementor-child
*/

/*-------- DO NOT PUT STYLES HERE -------------*/
/*--------請將您的CSS寫在main.css的文件 ----------*/

@media (max-width: 767px) {

  /* Clip and allow transform on all parallax wrappers */
  .mob-parallax {
    overflow: hidden;
    position: relative;
  }

  /* Make each slide fill the carousel width so neighbors don’t peek through 
  .mob-parallax .swiper-slide {
    flex: 0 0 100%;
    overflow: hidden;
    width: 100% !important;
  }
    */

  /* Target the moving element:
     - Elementor: .swiper-slide-inner
     - Custom Swiper: .swiper-slide > img
     - Stand-alone images: direct img child */
  .mob-parallax .swiper-slide-inner,
  .mob-parallax .swiper-slide>img,
  .mob-parallax>img {
    will-change: transform;
    transition: none;
    /* JS handles easing */
    transform-origin: center center;
    transform: scale(1.25);
    /* keep the bigger scale */
    display: block;
    width: 100%;
    height: auto;
  }

  .chisamo-mobile-show.mob-parallax,
  div#showcase-swiper {
    height: 300px;
  }

  .chisamo-mobile-show.mob-parallax img {
    height: 100%;
    object-fit: cover;
  }
}