.glide {max-width: 270px;margin: 0 auto;overflow: hidden;}
@media (min-width: 480px) {.glide {max-width: 400px;}}
@media (min-width: 640px) {.glide {max-width: 580px;}}
@media (min-width: 768px) {.glide {max-width: 688px;}}
@media (min-width: 1024px) {.glide {max-width: 800px;}}
.glide__slide img {width: 100%;height: auto;display: block;object-fit: cover;border-radius: 8px;}
.glide__arrow {background-color: rgba(0,0,0,.25);color: white;border: none;padding: 0 .4em;font-size: 2rem;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;transition: background-color .3s ease;}
.glide__arrow--left {left: 10px;}
.glide__arrow--right {right: 10px;}
.glide__bullets {text-align: center;margin-top: 1rem;}
.glide__bullet {width: 12px;height: 12px;margin: 0 5px;background-color: #ccc;border-radius: 50%;display: inline-block;border: none;cursor: pointer;transition: background-color .3s ease;}
.glide__bullet:hover, .glide__bullet.glide__bullet--active {background-color: #333;}
img.lazy {opacity: 0;transition: opacity .5s ease;}
img:not(.lazy) {opacity: 1;}