I created a blog on my Wordpress website, which I developped using Oxyegen. So far so good, but My problem is within the blog cards : my image is square [1]: <https://i.stack.imgur.com/vezTY.png> , but I would want it more rectangular, and full width as shown on my first example [2]: <https://i.stack.imgur.com/Bj7sx.png> . How can I do that ?

Here is the link : <https://comportementaliste-du-chat.fr/blog/>

And here is my code :

```
%%EPID%% .oxy-posts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; 
}

%%EPID%% .oxy-post {
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  padding: 20px;
  box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.3);
  border-radius : 30px;
}

%%EPID%% .oxy-post-image {
  margin-bottom: 1em;
  position: relative;
  width: 100%;
  oxy-post-image :hover;
  transition-duration : 0.3s
}

%%EPID%% .oxy-post-image-fixed-ratio {
  padding-bottom: 100%;
  background-size: cover;
  background-position: center center;
}

%%EPID%% .oxy-post-image-date-overlay {
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: .7em;
  color: white;
  background-color: rgba(0,0,0,0.5);
  padding: .7em 1em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

%%EPID%% .oxy-post-title {
  font-size: 1.5em;
  line-height: 1.2em;
  Text-decoration : none !important;
}

%%EPID%% .oxy-post-meta {
  margin-top: 0.5em;
  font-size: .8em;
  display: flex;
  flex-direction: row;
}

%%EPID%% .oxy-post-meta-item::after {
    content: "\00b7";
    margin-right: .5em;
    margin-left: .5em;
}

%%EPID%% .oxy-post-meta-item:last-child::after {
    content: "";
    display: none;
}

%%EPID%% .oxy-post-content {
  margin-top: 1em;
  margin-bottom: 1em;
}

%%EPID%% .oxy-post-content p {
  margin: 0;
}

@media (max-width: 1120px) {
  %%EPID%% .oxy-post-meta {
    display: none;
  }
}

```

I tried somethind like this but it's incomplete and I'm not sure I'm in the right direction :

```
#_posts_grid-41-243658 .oxy-post-image {
    margin-bottom: 1em;
    position: relative;
    width: 100%;
    oxy-post-image: hover;
    transition-duration: 0.3s;
    background: blue;
}

#_posts_grid-41-243658 .oxy-post-image-fixed-ratio {
    padding-bottom: 100%;
    background-size: 100%;
    height: 50%;
    background-position: top center;
    background-repeat: no-repeat;
    margin-bottom: 0 !important;
    /* background-color: red; */
}

```

Can anybody help me please ? Thank you !