my imageUrl is not functioning, what could be the cause?

Question

import React from "react";


import './menu-item.style.scss';

const MenuItem = ({ title, imageUrl, size }) => (
    <div style={{backgroundImage: 'url(${imageUrl})'}}
    
    
     className={'${size} menu-item'}>
        <div className="content">
            <h1 className="title">{title}</h1>
            <span className="subtitle">SHOP NOW</span>
        </div>
  </div>
);

export default MenuItem;