element.style {
}

<style >
.gBedvV {
    max-width: 1000px;
    width: 100%;
}

<style >
.py-4 {
    padding-top: 16px;
    padding-bottom: 16px;
}

<style >
.px-4 {
    padding-left: 16px;
    padding-right: 16px;
}

<style >
.fa-c {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

<style >
.fj-sb {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

<style >
.f-wrap {
    display: flex;
    flex-wrap: wrap;
}

<style >
* {
    box-sizing: border-box;
    font-family: Roboto, Helvetica, Arial, "sans-serif";
}

user agent stylesheet
div {
    display: block;
}

<style >
.MuiPaper-root {
    color: #424242;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
}

.cKqKfX {
    background: rgb(13, 71, 161);
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    height: 64px;
    max-height: 64px;
    width: 100%;
}

<style >
.px-5 {
    padding-left: 24px;
    padding-right: 24px;
}

<style >
.py-3 {
    padding-top: 8px;
    padding-bottom: 8px;
}

<style >
.fa-c {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

<style >
.fj-sb {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

<style >
.fj-c {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

<style >
* {
    box-sizing: border-box;
    font-family: Roboto, Helvetica, Arial, "sans-serif";
}

user agent stylesheet
div {
    display: block;
}

.container img {
    max-height: 350px;
    max-width: 300px;
}

.container img {
  object-fit: cover; 
} 

.w-48 {
    width: 12rem;
}

.h-48 {
    height:12rem;
}

.object-contain {
    object-fit: contain;
}