next image responsive

test.tsx

import styled from "styled-components";
import Image from "next/image"

type Props = {
  title: string;
}

export default function BannerSobreNos({ title }: Props) {
  return (
    <main>
      <Title>{title}</Title>
      <ImageContainer>
        <Image layout="responsive" width={100} height={100} src="/assets/sobreNos/man_purple_icon.png" alt="Banner Sobre Nós" />
      </ImageContainer>
    </main>
  );
}

const Title = styled.h1`
  font-size: 2.5rem;
  font-weight: 700;
  color: red;
`  

const ImageContainer = styled.div`
  display: block;
  max-width: 100px;
  max-height: 100px;
`