.slider {
  padding: 0;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  border-radius: 8px; /* обводка скруглением для всего слайдера */
}

.slider ul {
  width: 1000%;
  height: auto;
  position: relative;
  list-style: none;
  left: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  animation: slide-animation 15000s infinite;
  -moz-animation: slide-animation 15000s infinite;
  -webkit-animation: slide-animation 15000s infinite;
}

.slider ul:hover {
  animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}

.slider li {
  width: 10%;
  list-style: none;
  float: left;
  margin: 0;
  padding: 0; 
}

.slider img {
  max-width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 8px; /* скругление для картинок внутри слайдера */
  display: block; /* убирает лишние отступы снизу у img */
}

.slider p {
  font-weight: normal; 
  text-align: left; 
  font-size: 13pt; 
  line-height: 3.3;   border-radius: 8px; /* обводка скруглением для всего слайдера */

}

.slider span {
  position: relative;
  height: 60px;
  display: block;
  bottom: 0;
  padding: 0.5px 20px 0px 20px;
  margin-top: -60px;
  overflow: hidden;
  background-color: rgba(54, 44, 48, 0.6);
  color: #fcfcfc;
  border-radius: 0px; /* тут оставил 0, потому что подпись обычно не скругляют — если хочешь тоже 8px, поставь 8px */
  margin-bottom: 10px;
}

@keyframes slide-animation {
  1% { left: 0%; opacity: 1; }
  18% { left: 0%; opacity: 1; }
  19% { opacity: 0.2; }
  20% { left: -100%; opacity: 1; }
  58% { left: -100%; opacity: 1; }
  59% { opacity: 0.2; }
  60% { left: -200%; opacity: 1; }
  98% { left: -200%; opacity: 1; }
  99% { opacity: 0.5; }
  100% { left: 0%; }
}

@-webkit-keyframes slide-animation {
  1% { left: 0%; opacity: 1; }
  18% { left: 0%; opacity: 1; }
  19% { opacity: 0.2; }
  20% { left: -100%; opacity: 1; }
  58% { left: -100%; opacity: 1; }
  59% { opacity: 0.2; }
  60% { left: -200%; opacity: 1; }
  98% { left: -200%; opacity: 1; }
  99% { opacity: 0.5; }
  100% { left: 0%; }
}

@-moz-keyframes slide-animation {
  1% { left: 0%; opacity: 1; }
  18% { left: 0%; opacity: 1; }
  19% { opacity: 0.2; }
  20% { left: -100%; opacity: 1; }
  58% { left: -100%; opacity: 1; }
  59% { opacity: 0.2; }
  60% { left: -200%; opacity: 1; }
  98% { left: -200%; opacity: 1; }
  99% { opacity: 0.5; }
  100% { left: 0%; }
}


@media only screen and (max-width: 480px),
       only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 480px),
       only screen and (   max--moz-device-pixel-ratio: 2) and (max-width: 480px),
       only screen and (     -o-max-device-pixel-ratio: 2/1) and (max-width: 480px),
       only screen and (        max-device-pixel-ratio: 2) and (max-width: 480px),
       only screen and (                max-resolution: 192dpi) and (max-width: 480px),
       only screen and (                max-resolution: 2dppx) and (max-width: 480px) { 
  .slider span { 
  }

  .slider img {
    max-width: 100%;
    border-radius: 0px;
    margin: 0;
    padding: 0;
  }

  .slider {
    border-radius: 0px;
  }

  .slider p {
    font-weight: normal; 
    text-align: left; 
    font-size: 11pt; 
    line-height: 3.5;
  }
}