How To Change Default Box Shadow In Tailwind CSS?

tailwind.config.js

module.exports = {
  important: true,
  purge: [],
  darkMode: false,
  theme: {
    extend: {
      boxShadow: {
        DEFAULT: '0px 0px 5px rgba(87, 87, 87, 0.39)',
      }
    },

    variants: {
      extend: {
      },
    },

    plugins: [

    ],
  }
}

HTML

 <div class=" bg-gray-50 text-center  shadow p-3">
    <img src="https://picsum.photos/id/237/100/100" alt="" class=" rounded-full object-cover w-24 h-24 mb-4 mx-auto">
    <h3 class=" font-bold capitalize text-xl"> Smith mark</h3>
    <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Distinctio adipisci laudantium, in impedit </p>
  </div>