.single-image-block img {
  width: 100%;
  max-width: 800px;         /* Adjust based on your layout */
  height: auto; 
  aspect-ratio: 1 / 1;            /* Maintain aspect ratio */
  display: block;
  margin: 0 auto 2rem;      /* Centered with bottom spacing */
  border-radius: 12px;      /* Rounded corners for modern feel */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow */
  object-fit: cover;        /* Ensures image fills nicely */
  transition: transform 0.3s ease;
}


.single-image-block img:hover {
  transform: scale(1.03);   /* Gentle zoom on hover */
}



.recipe-margin-bottom{
    margin-bottom: 65px;
}