How to resize image by on click?

    import React from 'react';
    import './App.css';
    import {pictures} from "./Constants";
    
    class App extends React.Component {
        constructor(props) {
            super(props);
            this.state = {
                image: true
            }
        }
        
    
        render() {
            return (
                <div className='container'>
                    <div className='row'>
                        {pictures.map((pic, index) =>
                            (
                                <img className='col-4 p-1' src={pic} key={index}
                                     alt='pic'/>
                            ))}
                    </div>
                </div>
            );
        }
    }
    
    export default App;

Привет! У меня есть массив изображений, как я могу изменить размер каждого из них, чтобы сделать по размеру моего контейнера и обратно? Спасибо!