/*html,body {*/
    /*margin: 0;*/
    /*padding: 0;*/
/*}*/

/*#slider-container{*/
    /*position: relative;*/
    /*!*top: -1px;*!*/
/*}*/

/*.slider {*/
    /*!*width: 1200px;*!*/
    /*width: 100%;*/
    /*!*margin: 2em auto;*!*/
/*}*/

/*.slider-wrapper {*/
    /*width: 100%;*/
    /*!*height: 300px;*!*/
    /*!*height: 100%;*!*/
    /*!*min-height: 100px;*!*/
    /*!*max-height: 300px;*!*/
    /*position: relative;*/
    /*padding-top: 31.25%;*/
/*}*/

/*.slide {*/
    /*float: left;*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*opacity: 0;*/
    /*transition: opacity 2s linear;*/
/*}*/

/*.slider-wrapper > .slide:first-child {*/
    /*opacity: 1;*/
/*}*/


/*html,body {*/
    /*margin: 0;*/
    /*padding: 0;*/
/*}*/

#slider-container {
    position: relative;
}

.slider {
    width: 100%;
}

.slider-wrapper {
    width: 100%;
    position: relative; /* Make sure to set position to relative */
    overflow: hidden; /* Ensure the overflow is hidden to prevent content from overflowing */
    /*padding-top: 31.25%; !* (500 / 1920) * 100 *!*/
    /*padding-top: 25%; !* (500 / 1920) * 100 *!*/
    padding-top: 20%; /* (500 / 1920) * 100 */
    /* Adjust this percentage according to your image aspect ratio */
}

.slide {
    position: absolute; /* Position absolute for precise placement */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 2s linear;
}

.slider-wrapper > .slide:first-child {
    opacity: 1;
}