Tenho um slider em css puro e gostaria de deixa-lo responsivo.
<title>Slider UNIP</title>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./css/vendor/normalize.css">
<link rel="stylesheet" href="../../dist/gallery.prefixed.css">
<link rel="stylesheet" href="../../dist/gallery.theme.css">
</head>
<body>
<div class="gallery items-3">
<div id="item-1" class="control-operator"></div>
<div id="item-2" class="control-operator"></div>
<div id="item-3" class="control-operator"></div>
<figure class="item">
<img src="C:\Users\jose\Desktop\css\gallery-css-master\examples\standard\agua1.jpg"/>
</figure>
<figure class="item">
<img src="C:\Users\jose\Desktop\css\gallery-css-master\examples\standard\agua3.jpg"/>
</figure>
<figure class="item">
<img src="C:\Users\jose\Desktop\css\gallery-css-master\examples\standard\agua2.png"/>
</figure>
<div class="controls">
<a href="#item-1" class="control-button">•</a>
<a href="#item-2" class="control-button">•</a>
<a href="#item-3" class="control-button">•</a>
</div>
</div>
</body>
</html>