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>