@media (max-width: 980px){
   section.Blog-details img {
    min-width: 450px;
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--m15);
    margin-right: 0px;
    max-height: 400px;
    object-fit: cover;
    height: 100%;
    float: none;
} 
  section.Blog-details .container {
    display: flex;
    flex-direction: column;
}  
section.Blog-details .container div{
    height: auto;
}
}
    @media (max-width: 540px){
    .Blog-details {
    padding: var(--p40) var(--p12);
}
section.Blog-details .container {
    display: flex;
    flex-direction: column;
    gap:0px;
}
section.Blog-details h1{
    display:none;
}
section.Blog-details img {
    width: 100%;
     min-width: 100%;
    max-width: 100%;
    margin-right: 0px;
    max-height: 300px;
    object-fit: cover;
    height: 100%;
}
section.Blog-details .container div {
    width: 100%;
}
}